CSS中 设置文字下划线 的几种方法
在CSS中，可以使用几种方法来设置文本的下划线。以下是一些常用的方法：
- 使用
text-decoration属性：
.underline-text {
text-decoration: underline;
}- 使用
border-bottom属性（可以自定义下划线的粗细和颜色）：
.custom-underline {
border-bottom: 1px solid #000; /* 1px 粗细的黑色下划线 */
display: inline; /* 防止影响其他元素的布局 */
}- 使用
:hover伪类添加下划线（常用于鼠标悬停效果）：
.hover-underline:hover {
text-decoration: underline;
}- 使用
box-shadow属性（有时用于模拟下划线效果）：
.shadow-underline {
box-shadow: inset 0 -1px 0 #000; /* 上边框阴影模拟下划线 */
}这些方法可以根据需要选择使用，并且可以根据具体情况相应调整样式。
评论已关闭