时间:2021-05-08
前两天学习中,发现网站上的一个小符号,以为是插入的img,但找来找去也未发现img的地址。最后问了同学,才得知是用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处理,就得出了那个符号了。
其实,我也不是很明白,但觉得用边框border来做符号非常有趣,就所见所得,拿来即用吧。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
border属性介绍border属性设置元素边框。边框3个要素如:粗细、线型、颜色。边框线型属性值说明表如:属性指描述none定义无边框。hidden与"non
前言border边框属性可以说是我们在网页布局中最常用不过的一个属性之一。border它不只是边框,它还有很多非常有用的“黑魔法”哈,让
常见的做法是利用CSS2的"border-collapse:collapse;"属性合并表格边框;并对table元素设置左边框和上边框,对th和td元素设置右边
边框样式边框样式属性指定要显示什么样的边界。border-style属性用来定义边框的样式border-style的值代码演示:水香木鱼的博客p.none{bo
设置border属性作用:设置对象边框样式,设置单独上边框、下边框、左边框、右边框样式,实现美化美观。边框起到分割、规划布局作用。 1、四个边框 bor