下划线颜色为黑色

最新推荐文章于 2020-10-11 21:21:17 发布

原创最新推荐文章于 2020-10-11 21:21:17 发布 · 236 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用CSS来改变文本下划线的颜色，并提供了一种通过border属性实现不同颜色下划线的方法，同时避免了默认下划线的一些限制。

下划线本来就是默认黑色的，
<div style="text-decoration:underline"><span style="color:#FF0000">颜色1</span> <span style="color:#0000FF">颜色2</span></div>

或者你可以用下划线隐藏,然后用border来做下划线
<style type="text/css">
<!--
a {
    color: #FF0000;
    text-decoration: none;
    border-bottom: 1px solid #33CCFF;
    cursor:text; /让鼠标形状文本“I”形

}
-->
</style>
<a href="javascript:void(0)">这是一个链接</a>