Создать отдельную строку для конкретного использования

#css #twitter-bootstrap

#css #twitter-bootstrap

Вопрос:

Я хотел создать отдельную строку, и я делаю это с использованием тега HR

Проблема в том, что я хочу, чтобы она применялась к определенной строке, а не ко всей строке, как я могу это сделать?

 hr {
    border: #333333;
    height: 2px;
    background-color: lightgray;
}
 

Комментарии:

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

2. Вы не можете использовать пользовательский класс?

3. @Thauwa-вы можете показать, как это сделать?

4. @shopiaT: поможет ли вам демо…

Ответ №1:

Это то, что вы хотите:

HTML:

 <div>abc</div>
<hr class="red" />
<div>def</div>
<hr />
<div>ghi</div>
 

CSS:

 .red{
    border:1px solid red;
}
hr{
    border:1px solid black;
}
 

Демонстрация скрипки

Ответ №2:

Вы можете присвоить некоторый идентификатор конкретному he, который вы хотите изменить. Например:

   <style>
    #name{

    width:100px

    }
  </style>


    <hr id="name">