css超链接锚文本A标签下划线颜色改变的方法

魁首哥

作者

css超链接锚文本A标签下划线颜色改变的方法

本篇内容主要讲解“css超链接锚文本A标签下划线颜色改变的方法”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“css超链接锚文本A标签下划线颜色改变的方法”吧!

css a超链接下划线设置装备摆设必要色采，鼠标悬停超链接翰墨字体上时下划线颜色窜改，字体色调波动

下划线样式：
text-decoration:underline

下划线text-decoration能设置装备摆设字体下划线格式，但不克不及完成字体色调和下划线色调差距。这里就会垄断下边框border-bottom格式来完成，下边框可能篡改粗细，能够旋转边框颜色。

实例DIV CSS代码

<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>超链接字体下划线扭转CSS5</title><style>.dba{text-decoration:none;border-bottom:1pxsolid#F00}.dba:hover{border-bottom:1pxsolid#F0F}</style></head><body><divclass="db">接待会晤<ahref="//www.css5.com.cn/">CSS5</a></div></body></html>

告白：

.dba{text-decoration:none;border-bottom:1pxsolid#F00}

这里对class=db盒子内超链接字体去掉下划线格局，同时配置超链接字体默认有下划线并且颜色为血色。

.dba:hover{border-bottom:1pxsolid#F0F}

设置装备摆设class=db对象内超链接字体形式，但鼠标悬停时，下边框颜色旋转为紫色。

效果截图：