CSS3随笔
Posted 遇见helloworld
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS3随笔相关的知识，希望对你有一定的参考价值。
边框圆角
border-radius（用在设置了border的div上）
border-radius的写法：
border-top-left-radius:1px;（设置左上角1px大小的圆角）
border-top-right-radius:1px;
border-bottom-left-radius:1px;
border-bottom-left-radius:1px;
border-radius:5px;（设置四个角都是5px的圆角）
border-radius:1px 5px;(设置左上角和右下角为1px的圆角；设置右上角和左下角为5px的圆角)
border-radius:1px 2px 5px ;(设置左上角为1px的圆角；设置右上角和左下角为2px的圆角；设置右下角为1px的圆角)
border-radius:1px 2px 3px 5px ;(设置左上角为1px的圆角；设置右上角为2px的圆角；设置右下角为3px的圆角；设置左下角为2px的圆角)
border-radius:50%(如果边框为正方形边框，则设置后为圆形；如果边框为长方形边框，则设置后为椭圆；)
border-radius:1px/5px;(1px为圆角的横轴半径，5px为圆角的纵轴半径)
border-radius:1em 0.5em 2em /3em 4em;
等价于
border-top-left-radius:1em 3em;
border-top-right-radius:0.5em 4em;
border-bottom-left-radius:2em 3em;
border-bottom-left-radius:0.5em 4em;
以上是关于CSS3随笔的主要内容，如果未能解决你的问题，请参考以下文章