css如何利用边框border属性做小符号

这篇文章主要讲解了“css如何利用边框border属性做小符号”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css如何利用边框border属性做小符号”吧！

符号如右：

其css代码如下：

代码如下:

.fuhao
{
   position:absolute;
   top:12px;
   left:12px;
   width:0px;
   height:0px;
   overflow:hidden;
   border-width:6px 0px 6px 6px;
   border-color:transparent #A92222;
   border-style:dashed none dashed solid;
}

这里是利用一个空的div即fuhao，给它定义好位置后，让它高度和宽度都为0，但边框具有宽度。那么这个div里面什么有没有，只剩下边框。

按道理来说应该是这样的：


然后下面的语句给上下边框做了透明transparent处理，右边框做0px处理，就得出了那个符号了。

感谢各位的阅读，以上就是“css如何利用边框border属性做小符号”的内容了，经过本文的学习后，相信大家对css如何利用边框border属性做小符号这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！