1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

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

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: