UC知道一个很简单的CSS问题 能帮忙的请进
来源：百度知道 编辑：UC知道 时间：2024/06/14 01:44:40
我在网站CSS定义里面定义了
链接在下面都有一个断线
文字的效果还不错的
但是我的图片因为是有链接的
所以图片上也出现了断线
代码：
div.post-body a {
margin:0 4px 0 4px;
border-bottom:1px dotted #9EC938;
}
div.post-body a:hover {
margin:0 4px 0 4px;
border-bottom:none;
}
怎么让他只应用在文字链接上 而不是图片链接上
能不能解决？谢谢了！ 回答的好的话可以加分！
链接在下面都有一个断线
文字的效果还不错的
但是我的图片因为是有链接的
所以图片上也出现了断线
代码：
div.post-body a {
margin:0 4px 0 4px;
border-bottom:1px dotted #9EC938;
}
div.post-body a:hover {
margin:0 4px 0 4px;
border-bottom:none;
}
怎么让他只应用在文字链接上 而不是图片链接上
能不能解决？谢谢了！ 回答的好的话可以加分！
1楼。把 <img src=""/> 标签放在<a>文本</a>之外了,那这个图片不就不是链接了吗,汗~~
方法是,把每一个图片链接的 <a >标记里添加一个,<a style="text-decoration:none" href="">
或者,把每一个图片链接的 <a >标记定义一个类,<a class=c>
css里写 .c{text-decoration:none;}
注意这个CSS段要写在最下面,让它最后读取
把
<img src=""/>
标签放在<a>文本</a>之外，
如<img src=""/><a>文本</a>
单独定义img的 border为none
例： img{border:none;}
或单独设置某一区域的图片边框
如： xxx img{border:none;}
试一下
为图片单独加样式,如图片的DIV为imaA -> imgA a{text-decoration:none; border:none;}