border-bottom实现改变文字字体下划线颜色

百度谷歌搜狗

加关注：新浪微博腾讯微博

当前位置：首页 > HTML+CSS > 其他 > 源码

发布时间：2013-09-18 15:29 　来源/作者：藕码网　分类：其他

TAG标签：

摘要：DIV CSS下划线颜色-文字颜色不变下划线变颜色如何实现?

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<style> 
.div-F00{ border-bottom:1px solid #F00} 
/* CSS注释说明：.div-F00 设置对象下边框为红色 */ 
.div-00F{ border-bottom:1px solid #00F; color:#090} 
/* CSS注释说明：.div-00F 设置对象下边框为蓝色 文字为绿色 */ 
.div-333{ border-bottom:1px solid #333} 
/* CSS注释说明：.div-333 设置对象下边框为黑色 */ 
</style> 
</head> 
<body> 
<p> 
文字下划线颜色-<span class="div-F00">我的下划线实现为红色</span> 
</p> 
<p> 
文字下划线颜色-<span class="div-00F">我的下划线实现为蓝色，文字为绿色</span> 
</p> 
<p> 
文字下划线颜色-<span class="div-333">我的下划线实现为黑色</span> 
</p> 
</body> 
</html>

素材详情
用户评论
相关文章

DIV CSS下划线颜色-文字颜色不变下划线变颜色如何实现?下划线颜色与文字颜色不同，可改变文字字体下划线颜色而不改变文字本身颜色样式如何使用CSS实现？

如果想改变文字下划线颜色，不能使用text-decoration下划线样式单词来实现，也不能使用html下划线u标签实现，而是使用border边框样式实现。
最新评论

验证码:

菜单/ Menu

热门下载/ HOT