前言：
css伪元素实现下划线效果，用一个border-bottom+伪元素实现双重下划线效果
效果图：
实现代码：
.titleT{ position: relative; font-size: 28px; width: 112px; height: 44px; line-height: 40px; text-align: center; border-bottom:2px solid #5A8BFF; //第一层下划线 margin:63px auto 40px; } .titleT:after {//伪元素实现第二层 content: " "; position: absolute; left: 0; bottom: -9px; width: 100%; height: 1px; border-top: 1px solid #5A8BFF; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/207721.html原文链接：https://javaforall.net
