border 边框

复合写法
｛border：border-width border-style border-color；｝

border-width 边框宽度
1.border-top;
2.border-right;
3.border-bottom;
4.border-left;

border-style 边框样式
常用的有：soild实线、dashed虚线、dotted点线 <点线IE6不认>
border-color 边框颜色
英文单词、十六进制、rgb
border-radius 圆角（css3）

transparent 透明

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            div{
                width: 0;
                height: 0;
                border-top:100px solid #CCCCCC;
                border-right:100px solid transparent;
                border-bottom:100px solid #CCCCCC;
                border-left: 100px solid #CCCCCC;
                border-radius: 50%;
        </style>
    </head>
    <body>
        <div></div>
    </body>
</html>

效果：

效果图.png

最后编辑于：2017.12.10 07:13:37

border 边框

推荐阅读更多精彩内容