добавление маркеров в тег заголовка в саду

Question

добавление маркеров в тег заголовка в саду

0

Я создал список в саду, и тег h1 получает название списка. Мне нужно добавить пулю для заголовка.

Мне нужна пуля перед тегом h1, как показано ниже.

 <header>
    <h1>School info</h1>
  </header>

Я использовал свойство background: image, но не отображал его. как я могу получить пули?

Anitha 16 дек. 2013, в 07:52

Источник

0

fiddle.jshell.net/4wLZ6/5 проверить эту скрипку
Amarnath Balasubramanian 16 дек. 2013, в 06:33

Теги:

html

css

orchardcms

4 ответа

0

HTML

<header>
    <ul>
        <li><h1> School Info </h1> </li>
    </ul>
</header>

CSS

   li
{
    list-style-type:square;
    font-size:small;
}
h1
{
 color: #3E5DA3;
    font-size: 12px;
    padding-bottom: 10px;
    font-weight: bold; 
}

Демо-версия скрипта

Amarnath Balasubramanian 16 дек. 2013, в 05:00

0

Добавьте ниже css

h1:before{
  content: '\2022';
  margin:0 10px  
}

DEMO

Sowmya 16 дек. 2013, в 04:59

0

<header>
    <h1> 
        <ul> 
            <li> School info </li>
         </ul>
    </h1>
</header>

http://jsfiddle.net/8qcXf/

Выход будет

Информация о школе

AJJ 16 дек. 2013, в 04:53

Ещё вопросы

fiddle.jshell.net/4wLZ6/5 проверить эту скрипку

Hiral · Accepted Answer · 2013-12-16T04-53-00.000Z

Пытаться:

h1:before {
    background-image: url(http://www.alexander-bown.com/wp-content/uploads/2011/05/big-black-dot.jpg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 20px;
    height: 20px;
    display: inline-block;
    content:"";
    vertical-align: middle;
}

Обновлена скрипка.