边框样式控制

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>边框样式控制</title>
        <style>
            #p1{
                width: 60px;
                height: 54px;
                border: 1px solid red;
                border: 1px dashed blue;
                border: 2px double orange;
                border: none;
            }
            #p2{
                width: 52px;
                height: 62px;
                border-bottom: 1px dashed chocolate;
                /*border-top: 1px solid orange;*/
/*              border-left:;*/
                /*border-right: ;*/

            }
            #p3{
                width: 25px;
                height: 47px;
                background-color: yellow;
                border-radius:10px;
                /*border-bottom-left-radius: ;
                border-bottom-right-radius: ;
                border-top-left-radius: ;
                border-top-right-radius: ;*/
            }
            #p4{
                width: 50px;
                height: 50px;
                background-color: darkgrey;
                border-radius: 50%;
            }
        </style>
    </head>
    <body>
        <p id="p1"></p>
        <p id="p2"></p>
        <p id="p3"></p>
        <p id="p4"></p>
    </body>
</html>
阅读更多
个人分类: HTML5
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭