仅从图像链接中删除链接边框

时间:2015-02-06 18:56:31

标签: html css twitter-bootstrap

我有两个链接(一个是文本链接,另一个是图像链接):see image

如何删除图像链接的边框底部样式,但保留它们作为文本链接

CSS:

a {
    color: #28c3ab;
    border-bottom: 1px dotted #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

1 个答案:

答案 0 :(得分:0)

添加一个类以从某些链接中删除边框。

CSS:

a.img {
    border: none;
}

HTML:

<a href="#">This has a border</a>
<a class="img" href="#"><img sc="" alt="No border" /></a>