高防服务器

​CSS如何写出三角形


​CSS如何写出三角形

发布时间:2022-03-07 11:43:55 来源:高防服务器网 阅读:80 作者:小新 栏目:网络安全

小编给大家分享一下CSS如何写出三角形,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

CSS 写出三角形

/* create an arrow that points up */  div.arrow-up {   width:0px;   height:0px;   border-left:5px solid transparent; /* left arrow slant */   border-right:5px solid transparent; /* right arrow slant */   border-bottom:5px solid #2f2f2f; /* bottom, add background color here */   font-size:0px;   line-height:0px;  }    /* create an arrow that points down */  div.arrow-down {   width:0px;   height:0px;   border-left:5px solid transparent;   border-right:5px solid transparent;   border-top:5px solid #2f2f2f;   font-size:0px;   line-height:0px;  }    /* create an arrow that points left */  div.arrow-left {   width:0px;   height:0px;   border-bottom:5px solid transparent; /* left arrow slant */   border-top:5px solid transparent; /* right arrow slant */   border-right:5px solid #2f2f2f; /* bottom, add background color here */   font-size:0px;   line-height:0px;  }    /* create an arrow that points right */  div.arrow-right {   width:0px;   height:0px;   border-bottom:5px solid transparent; /* left arrow slant */   border-top:5px solid transparent; /* right arrow slant */   border-left:5px solid #2f2f2f; /* bottom, add background color here */   font-size:0px;   line-height:0px;  }

以上是“CSS如何写出三角形”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注高防服务器网行业资讯频道!

[微信提示:高防服务器能助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

[图文来源于网络,不代表本站立场,如有侵权,请联系高防服务器网删除]
[