Как создать заголовок тега div с подчеркиванием? - PullRequest
Новая
       1

Как создать заголовок тега div с подчеркиванием?

5 голосов
/ 11 июня 2010

Смотри Википедию http://en.wikipedia.org/wiki/Css

Если вы посмотрите на заголовок с надписью «Каскадные таблицы стилей», то у него есть подчеркивание.

Как ты это делаешь? 

.heading1 {
/* heading with underline */
}

Ответы [ 5 ]

12 голосов
/ 11 июня 2010

Использовать границы: 

.heading1 {
    border-bottom: 1px solid #aaa;
}

А если вы используете Firefox, получите Firebug, который позволяет вам проверять атрибуты CSS любого элемента, чтобы вам не приходилось догадываться, как реализован определенный стиль.

4 голосов
/ 21 сентября 2015

просто добавьте в css: text-decoration: underline;

4 голосов
/ 11 июня 2010 
h1 {
  border-bottom: 1px solid gray;
}
2 голосов
/ 11 июня 2010

Если div имеет ширину 100%, вы можете поставить нижнюю границу. 

.heading1 {
   border-bottom: 1px solid #000;
   width:100%;
}

Как все говорили, получите firebug, вы также можете использовать встроенный инспектор Google Chrome (который похож на firebug).

1 голос
/ 03 апреля 2014

Граница - неправильный (любительский) способ сделать это. Лучше использовать тег «hr». Это подчеркивает ширину родительского div. Поместите его после текста или заголовка, который вы хотите подчеркнуть. Живой пример:

Каскадные таблицы стилей

Код будет выглядеть так (конечно, слишком упрощенно): 
<html>
<head>
  <title>Underline</title>
</head>
 <body>
  <p>Hello</p><hr>
 </body>
</html>

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...