Вызов. Декоративное подчеркивание.[Повтор темы]

Курсы Оформление текста
1

body {
width: 550px;
margin: 0;
padding: 0 10px;

font-family: “Arial”, sans-serif;
font-size: 26px;
}

p {
text-align: center;
}

a {
color: #0088cc;
border: 3px solid;
border-top: 3px dashed;
border-bottom: 3px dotted;
text-decoration: none;
}

Верхняя граница не совпадает. Выдает 95 %. Подскажите, пожалуйста, в чем проблема.

2
3

Добрый день, сверху идет не граница, а подчеркивание, которую нужно сделать при помощи text-decoration и text-decoration-style в селекторе “p”.

body {
width: 550px;
margin: 0;
padding: 0 10px;

font-family: “Arial”, sans-serif;
font-size: 26px;
}

p {
text-align: center;
text-decoration: overline;
text-decoration-style: dashed;
}

a {
color: #0088cc;
border-left: 3px solid;
border-right: 3px solid;
border-bottom: 3px dotted;
text-decoration: none;

}

6 лайков
4

Странно но после overline стилизация на пунктир не работает. Сравнил код по сути как у вас но dashed не отрабатывает

Забираю слова назад, оказалось в предпросмотре почему то не показывает. После нажатия кнопки проверить совпадение 100% но линия так и осталась.

5

А не правильнее ли будет в правиле p{} указать text-decoration: none;
А потом в правиле a{} указать уже text-decoration: overline; ?

6

Zaytuna ошибается. Много лишнего написала.
Нужно ссылке добавить лишь 3 строчки и все, не надо лазать в параграф вообще:

  border-width: 3px;
  border-style: none solid dotted solid;
  text-decoration: overline dashed;
5 лайков
7

Спасибо вам! Я после того, что вы написали, понял в чём моя ошибка! Хорошего вам дня!

8

вообще для 100% решения достаточно:

 border-style: none solid dotted solid;
 text-decoration: overline dashed;

В своих поисках (до нахождения подсказки здесь) я дошел до:
border-style: dashed solid dotted solid;
и никак не мог понять, как убрать подчеркивание ссылки.
Теперь все понятно, спасибо Hierumo