边框样式控制

最新推荐文章于 2018-05-18 09:58:19 发布

想要成为大佬的小萌新

最新推荐文章于 2018-05-18 09:58:19 发布

阅读量134

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/taotaoaiqinqin/article/details/80340331

版权

HTML5 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!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>