CSS小技巧:border-style:?double制作三横线_CSS学习

border-style:double有一个用途很有意思了，就是可以单纯的依靠border制作三横线！

如上图的代码：

{
width:120px; height:20px;
border-top:60px double;
border-bottom:20px solid;
}

再来一个案例：

.double{
width:40px; height:8px;
border-top:24px double #f35;
border-bottom:8px solid #f35;
}
</style>
<div class="double"></div>

• 国服每区上限200人_服务器
• 这是什么游戏_服务器
• 花雨庭怎么换皮肤_服务器
• 富士康十大工厂排名_服务器
• 疫情封控怎么解决焦虑_服务器
• 苹果金铲铲服务器已满怎么解决_服务器
• 实时语音需要服务器中转么_服务器
• 小米手机的便签误删了_服务器
• 监控器能用电脑代替录像机吗_服务器
• 货车高速提醒进入服务区休息是怎么回事_服务器
• 王者荣耀snk英雄自选包怎么得到_服务器
• 求推荐一个好用的加速器_服务器
• 怎么测试网络_服务器
• Xshell5和putty连接阿里云服务器都没反应_服务器
• 主板tmp有什么用_服务器
• 公司准备上用友ERPOA_服务器
• 政府网站建设我们应该考虑些什么因素_服务器
• 原神偷渡稻妻城手机版33bug修复了吗_服务器
• 原神官服和b服有什么区别_服务器
• 老板都去干什么了_服务器