欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

【css写法】超链接样式,该如何处理

更新时间: 2014-01-05 00:52:52 责任编辑: Author_N1

 

【CSS写法】超链接样式
我们一般情况下写超链接时会用到<a></a>,但是现在有个问题。描述如下:
1.当<a></a>的中间是文字时,带下划线显示。
2.当<a></a>的之间是图片时,不带下划线显示。

现在想通过CSS式样控制一下,大牛们有没有什么好的方法。
--参考方法--
a{ text-decoration:underline;}

当中间是文字会有下划线,为图片时没有
--参考方法--
我看着这意思是,想要在都没有下划线或者都有下划线的意思吧?

都不出下划线的情况:
设置:
text-decoration:none;

都有下划线的情况:
这个得用border进行模拟了;
设置:
text-decoration:none;
border-bottom:1px soldi #000;
padding-bottom:2px;//为了border的显示更清晰。

试试看,颜色,border的样式(也可以用图片的哦),padding的大小,都可以更改的。

--参考方法--
我觉得如果是文字的话里面可以在链接里面加一个span了,然后控制span的css。可以设置为:text-decoration:underline;图像的话就用
text-decoration:none;
border-bottom:1px soldi #000;
padding-bottom:2px;

--参考方法--
我晕,我试了下不会出现你说的情况啊

不做处理,图片都没有下划线的。

我刚看了下W3C对text-decoration的说明:
text-decoration 属性规定添加到文本的修饰。
这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。

这个属性只对文本有效啊?你是怎么出下划线的,能不能把代码贴出来给看看......
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:52
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/924/
本文WWW.DOC100.NET DOC100.NET版权所有。