html字体下划线怎么打出来，字下⾯的下划线怎么打？
字下⾯的下划线怎么打？本⽂介绍word ⽂档下⾯的字打上下划线和html中⽂字打上下划线，分别实现的⽅法！
⼀、word ⽂档下⾯的字打上下划线的⽅法
选中要打下划线的⽂字，使⽤快捷键Ctrl+U，即可实现⽂字下划线效果。
如下图：
⼆：html中⽂字下⾯的下划线
可以通过css的text-decoration或border-bottom属性添加，如下：
⽂字下⾯的下划线可以通过css的text-decoration或border-bottom属性添加。text-decoration属性添加的下划线是最简单样
式，border-bottom属性可以设置不同样式的下划线。
下⾯我们通过简单的代码⽰例，为⼤家详细介绍⼀下这两种css添加⽂字下划线样式的实现⽅法！
css text-decoration属性添加简单⽂字下划线样式
代码⽰例：
css ⽂字添加下划线样式
.demo span{
text-decoration:underline;
}
这是⼀段测试⽂字，HTML中⽂⽹！
css text-decoration属性添加的下划线是最简单样式，⽽且没有办法设置什么⽐较特别的样式，⽐如把下划线设置成虚点状的。下⾯我们看看另⼀种添加下划线的⽅法，可以设置不同的下划线样式。
text-decoration下划线CSS单词值参数：none :  ⽆装饰
blink :  闪烁
underline :  下划线
line-through :  贯穿线
overline :  上划线
css怎么创建
text-decoration:none ⽆装饰，通常对html下划线标签去掉下划线样式text-decoration:underline 下划线样式
text-decoration:line-through 删除线样式-贯穿线样式
text-decoration:overline 上划线样式
css border-bottom属性添加⽂字下划线样式
代码⽰例：
css ⽂字下划线样式
.demo{
width: 400px;
height: 400px;
margin:100px auto;
}
.demo1 span{
border-bottom: 1px solid #000000;
}
.demo2 span{
border-bottom: 5px solid #0081EF;
}
.demo3 span{
border-bottom: 2px dashed #000000;
}
.demo4 span{
border-bottom: 2px dotted #000000;
}
.demo5 span{
border-bottom: 5px double #000000;
}
这是第1段测试⽂字，html中⽂⽹！
这是第2段测试⽂字，html中⽂⽹！
这是第3段测试⽂字，html中⽂⽹！
这是第4段测试⽂字，html中⽂⽹！
这是第5段测试⽂字，html中⽂⽹！
border-bottom属性可以通过控制线的粗细、颜⾊、样式来实现不同的⽂字下划线样式。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。