边框的应用-实现向上三角形

玖商

于 2021-09-17 08:39:45 发布

阅读量113

点赞数

分类专栏： HTML # css3 文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_58139900/article/details/120341413

版权

HTML 同时被 2 个专栏收录

52 篇文章

订阅专栏

css3

39 篇文章

订阅专栏

<title>Document</title>
    <style>
        .box {
            width: 0px;
            height: 0px;
            /* 透明色 transparent 或者rgba(0,0,0,0) */
            /* border-top:50px solid transparent; */
            /* border-right: 50px solid transparent;
            border-left:50px solid transparent;
            border-bottom: 50px solid yellowgreen; */

            border-width:0px 50px 50px 50px;
            border-color: transparent transparent  yellowgreen transparent ;
            border-style: solid;
        }
    </style>
</head>
<body>
    <!-- 用css代码实现三角形(利用边框颜色交叉线) 
       取代了图片 减少请求次数 
    -->
    <div class="box"></div>