课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)
第二就是分类内容超链接无下划线,鼠标悬浮至超链接时字体颜色为棕红色,显示下划线,我打了好久还是没弄出他要嘞这个效果
2016-11-23
源自:初识HTML(5)+CSS(3) 10-7
正在回答
可是这样做,下划线还是和字贴在一起,没有分开的效果
a{text-decortion:none;}
a:hover{text-decoration;}
<a href="www.baidu.com">胆小如鼠</a> 这是第一个,首先要消除<a>标签本身的文本属性,none的英文意思知道吧,消除后你再用伪类选择器a:hover{}就可以添加了
第2个
a:hover{text-decoration; color:#4f160d;}
<a href="www.baidu.com">胆小如鼠</a>
临下
下划线就酱紫咯。text-decoration: underline;
a.layout:hover{…} 只有标明layout类的a标签使用样式
layout前面有个“.”哦,是自己命名的单词
qq_小思玉_0 提问者
css<style type="text/css">.layout{text-decoration: none;}.layout:hover{text-decoration: underline;}</style>html<div class="layout">我有下划线我没有下划线我有下划线我没有下划线</div>
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答求解答~链接为什么会有下划线
2 回答html代码的超链接问题
3 回答在写HTML代码时, 文字下方有横线, 打字会替代这个字 ,而不是插入
9 回答超链接怎么用?
3 回答超链接的css样式
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号