用css做三角形

最新推荐文章于 2022-10-31 00:38:52 发布

weixin_30591551

最新推荐文章于 2022-10-31 00:38:52 发布

阅读量156

点赞数

原文链接：http://www.cnblogs.com/PasserByOne/p/11598200.html

版权

<html>
<body>
<style>
.trlangle{
   width: 0;
   height: 0;
   border-left: 50px solid transparent;
   border-right: 50px solid transparent;
   border-bottom: 100px solid red;
}
</style>


<div class="trlangle"></div>
</body>
</html>

<html>
<body>
<style>
.triangle_border_up{
    width:0;
    height:0;
    border-width:0 30px 30px;
    border-style:solid;
    border-color:transparent transparent #333;/*透明 透明  灰*/
    margin:40px auto;
    position:relative;
}
.triangle_border_up span{
    display:block;
    width:0;
    height:0;
    border-width:0 28px 28px;
    border-style:solid;
    border-color:transparent transparent #fc0;/*透明 透明  黄*/
    position:absolute;
    top:0px;
    left:0px;
}
</style>


<div class="triangle_border_up">
    <span></span>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/PasserByOne/p/11598200.html

优惠劵

weixin_30591551

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用css做三角形

<html><body><style>.trlangle{ width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px so...
复制链接

扫一扫