CSS使用边框来实现三道杠效果
三道杠可以使用边框来实现,上面两道杠使用上边框的double样式,下面一道杠使用下边框的solid样式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .box{ color: red; width: 60px; height: 10px; border-top: 30px double; border-bottom: 10px solid; transition: color 0.5s; } .box:hover{ color:pink; } </style> </head> <body> <div class="box"></div> </body> </html>
原文链接:https://www.qiquanji.com/post/8730.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知