CSS改变字体下划线颜色

下图是网页中一个很普通的列表。

这次去见客户的时候，客户觉得下划线的颜色可以变变，网页就变得不单调了（据后来了解，客户上学时出板报，所以对网站的布局和细节非常的重视）。做网站那么久，第一次要换下划线颜色，客户就是上帝，提出这个需求，立马查阅相关资料，发现下划线颜色是随着字体的颜色改变的，不能单独改变。

额，那怎么办？

办法总比困难多，通过使用css border-bottom实现改变文字字体下划线颜色即可。

CSS代码：style="border-bottom: 1px solid blue;text-decoration:none"

效果如下图

最好要把原有下划线去掉，不然下划线会变得不太美观。

CSS改变字体下划线颜色相关推荐

css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
css设置字体下划线与下划线颜色
color: red; // 文本下划线 text-decoration: underline; // 下滑线颜色,默认和字体颜色一样 text-decoration-color: green;
php文字下划线,css如何设置字体下划线
css设置字体下划线的方法:可以利用text-decoration属性来进行设置,如[text-decoration: underline;].text-decoration属性用于规定添加到文本的修 ...
php a标签设置颜色,css超链接锚文本A标签下划线颜色改变
css a超链接下划线设置装备摆设必要色采,鼠标悬停超链接翰墨字体上时下划线颜色窜改,字体色调波动下划线样式: text-decoration:underline 下划线text-decoratio ...
html字体下划线下移,CSS下划线与文字间距距离设置(CSS文字下划线距离设置)
CSS设置下划线与文字间距距离(CSS文字下划线距离设置) css下划线与文字上下距离设置,文字字体下划线样式技巧篇,如何改变文字与下划线距离间距?这里CSS5为大家介绍通过下边框border-bot ...
php语言字体下划线,css中怎么设置字体下划线
css中设置字体下划线的方法:1.使用"text-decoration:underline;"设置下划线样式:2.通过"border-bottom"属性设置下划 ...
css选择器下划线设置,css中怎么设置字体下划线
css中设置字体下划线的方法:1.使用"text-decoration:underline;"设置下划线样式:2.通过"border-bottom"属性设置下划 ...
EasyExcel 设置字体样式（字体、字体大小、字体颜色、字体加粗、字体斜体、字体下划线、字体上标下标、字体删除线）
1 Maven配置 <dependency><groupId>cn.hutool</groupId><artifa ...
html字体字号颜色怎么设置,html字体样式大全 html怎么改变字体大小和颜色
网页字体样式华文黑体:STHeiti 网页字体样式华文楷体:STKaiti 网页字体样式华文宋体:STSong 网页字体样式华文仿宋:STFangsong 网页字体样式黑体:SimHei 网页字体样式 ...

CSS改变字体下划线颜色

CSS改变字体下划线颜色相关推荐

最新文章

热门文章