三角形

最新推荐文章于 2021-11-04 20:13:14 发布

where_slr

最新推荐文章于 2021-11-04 20:13:14 发布

阅读量307

点赞数

分类专栏： css 练手小插件文章标签： css

本文链接：https://blog.csdn.net/where_slr/article/details/72614738

版权

css 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

练手小插件

6 篇文章 0 订阅

订阅专栏

用div画“三角”

<style type="text/css">
         .top{
                border:10px solid;
                border-color: #333 transparent  transparent transparent;
                width:0;
                }
            .right{
                border:10px solid;
                border-color: transparent  #333 transparent transparent;
                width:0;
            }
            .bottom{
                border:10px solid;
                border-color:  transparent  transparent #333 transparent;
                width:0;
            }
            .left{
                border:10px solid;
                border-color:  transparent  transparent transparent #333;
                width:0;
            }
  </style>
 <body>
    <div class="top"></div>
    <div class="right"></div>
    <div class="bottom"></div>
    <div class="left"></div>
 </body>