Chefranov
@Chefranov
Front-End, Back-End

Можно ли убрать подчеркивание у изображений?

Имеется оформление ссылок в параграфе:
p a:link {
    text-decoration: none;
    color: #507299;
    border-bottom: 1px dotted #507299;
}
p a:hover {
    color:#305075;
    border-bottom: 1px dotted #305075;
}

Всё хорошо, но если обернуть картинку ссылкой, то так как картинка является строчным элементом, то и к картинке применяется подчеркивание (border-bottom). Можно ли как-то избавиться от подчеркивание картинки в ссылке?
59f8e8c7d0aa0013492262.png
Пытался решить таким образом:
a img {
    text-decoration: none;
    border:  none;
}

но не помогло
  • Вопрос задан
  • 405 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега CSS
Неудивительно, что не помогло - border-bottom вы определили для ссылки, а не изображения.

Определите класс для ссылок, содержащих изображение, и назначьте border: none ему:

.a-image {
  border: none;
}

<a class="a-image"><img src="...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы