头闻号

深圳市亚美鑫塑胶制品有限公司

广告、展览器材|包装产品加工|家用电器加工|托盘|塑料加工|橡胶加工

首页 > 新闻中心 > 科技常识:利用边框border属性做的网页小符号
科技常识:利用边框border属性做的网页小符号
发布时间:2024-12-23 17:50:43        浏览次数:13        返回列表

今天小编跟大家讲解下有关利用边框border属性做的网页小符号 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关利用边框border属性做的网页小符号 的相关资料,希望小伙伴们看了有所帮助。

前两天学习中 发现网站上的一个小符号 以为是插入的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来做符号非常有趣 就所见所得 拿来即用吧。

来源:爱蒂网