当前第2页 返回上一页
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" />
< title >Document</ title >
< style >
.css-F00 {
border-bottom: 1px solid #f00;
}
.css-00F {
border-bottom: 1px solid #00f;
color: #090;
}
.css-333 {
border-bottom: 1px solid #333;
}
</ style >
</ head >
< body >
< p >css实践之文字下划线颜色-< span class = "css-F00" >我的下划线实现为红色</ span ></ p >
< p >css实践之文字下划线颜色-< span class = "css-00F" >我的下划线实现为蓝色,文字为绿色</ span ></ p >
< p >css实践之文字下划线颜色-< span class = "css-333" >我的下划线实现为黑色</ span ></ p >
</ body >
</ html >
|
效果:
![1623118353138653.png NVHWE_MUGIBFD]$WGLG~WOF.png](http://ypimg.muzhuangnet.com/Collect/csharp/upload/image/845/682/902/1623118353138653.png)
推荐学习:html视频教程
以上就是html下划线颜色怎么改的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
在Html中,如何用style添加属性
如何清除浮动?Html中:after伪元素清除浮动的方法实现 (代码)
手把手教你使用css给Html字体添加边框效果(代码分享)
Html blockquote标签怎么用
详谈Html中script标签(附代码)
Html倾斜加粗标签是什么
Html语义化的含义和意义是什么
Html怎样设置按钮大小
Html li怎么去掉点
怎么调超链接的位置Html
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html下划线颜色怎么改