【CSS写法】超链接样式

heliks 2013-12-03 05:00:31
我们一般情况下写超链接时会用到<a></a>,但是现在有个问题。描述如下:
1.当<a></a>的中间是文字时,带下划线显示。
2.当<a></a>的之间是图片时,不带下划线显示。

现在想通过CSS式样控制一下,大牛们有没有什么好的方法。
...全文
165 点赞 收藏 7
写回复
7 条回复
heliks 2013年12月05日
引用 4 楼 chamnsec 的回复:
我觉得如果是文字的话里面可以在链接里面加一个span了,然后控制span的css。可以设置为:text-decoration:underline;图像的话就用 text-decoration:none; border-bottom:1px soldi #000; padding-bottom:2px; 。
我现在做的是维护项目,所以页面都已经写好了。现在浏览器升级到IE11的时候,超链接出现了问题。 所以像你所说的改法,估计改动范围比较大。所以不太可行。
回复 点赞
heliks 2013年12月05日
引用 5 楼 zyl_lyr1019 的回复:
我晕,我试了下不会出现你说的情况啊 不做处理,图片都没有下划线的。 我刚看了下W3C对text-decoration的说明: text-decoration 属性规定添加到文本的修饰。 这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。 这个属性只对文本有效啊?你是怎么出下划线的,能不能把代码贴出来给看看......
我的网站是在IE11下,超链接的文字底部会被切除一部分。所以采用了下面的方法,这个方法你也提出过: text-decoration:none; border-bottom:1px soldi #000; padding-bottom:2px;//为了border的显示更清晰。 但是如果向上面这样设置的话,超链接是图片时下面就会有线。
回复 点赞
heliks 2013年12月04日
引用 2 楼 zyl_lyr1019 的回复:
我看着这意思是,想要在都没有下划线或者都有下划线的意思吧? 都不出下划线的情况: 设置: text-decoration:none; 都有下划线的情况: 这个得用border进行模拟了; 设置: text-decoration:none; border-bottom:1px soldi #000; padding-bottom:2px;//为了border的显示更清晰。 试试看,颜色,border的样式(也可以用图片的哦),padding的大小,都可以更改的。
谢谢回复,差不多是这个意思。你的这个方法我也试过了。正因为这样,<a></a>中间如果是图片</img>的时候,也是显示出来的。我现在是想如果是文字的时候,下划线显示。如果是图片的时候,下划线不显示。
回复 点赞
张运领 2013年12月04日
我晕,我试了下不会出现你说的情况啊 不做处理,图片都没有下划线的。 我刚看了下W3C对text-decoration的说明: text-decoration 属性规定添加到文本的修饰。 这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。 这个属性只对文本有效啊?你是怎么出下划线的,能不能把代码贴出来给看看......
回复 点赞
chamnsec 2013年12月04日
我觉得如果是文字的话里面可以在链接里面加一个span了,然后控制span的css。可以设置为:text-decoration:underline;图像的话就用 text-decoration:none; border-bottom:1px soldi #000; padding-bottom:2px; 。
回复 点赞
张运领 2013年12月03日
我看着这意思是,想要在都没有下划线或者都有下划线的意思吧? 都不出下划线的情况: 设置: text-decoration:none; 都有下划线的情况: 这个得用border进行模拟了; 设置: text-decoration:none; border-bottom:1px soldi #000; padding-bottom:2px;//为了border的显示更清晰。 试试看,颜色,border的样式(也可以用图片的哦),padding的大小,都可以更改的。
回复 点赞
舒克是我 2013年12月03日
a{ text-decoration:underline;}
当中间是文字会有下划线,为图片时没有
回复 点赞
发动态
发帖子
CSS
创建于2007-09-28

3.1w+

社区成员

6.0w+

社区内容

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区公告
暂无公告