Биржа копирайтинга Антиплагиат SEO-анализ текста Скачать Advego Plagiatus Проверка орфографии Транслит онлайн Антикапча

Форум авторов — Форум Адвего

боковая панель
Адвего / Форум авторов
Karol1nka
Как сделать маркированный список на цветном фоне?

Есть обычный маркированный список вида:

<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>

Подскажите, что сюда нужно добавить, чтобы выделить список на странице сплошным цветным фоном

Написал: Karol1nka , 31.07.2016 в 19:59
В форуме: Форум авторов
Комментариев: 5
Последние темы:
Комментарии
irbritan
За  0  /  Против  0
irbritan  написала  31.07.2016 в 22:19
Если выделить шрифт цветом, то добавить код цвета. А вот если типа подложки под список, то добавлять надо не к списку, это надо разметить на самой странице.

                
Posterside
За  0  /  Против  0
Posterside  написал  31.07.2016 в 22:55
Я вам сейчас покажу, но так делать неправильно:

<ul>
<li><span style="background-color:#ff000 0">Первый пункт</span></li>
<li><span style="background-color:#ff000 0">Второй пункт</span></li>
<li><span style="background-color:#ff000 0">Третий пункт</span></li>
</ul>

Чтобы увидеть результат, вставьте код здесь: http://xhtml.ru/instr/html_editor/

#ff0000 - код красного цвета, другие цвета: https://ru.wikipedia.org/wiki/...BE.D0.B2_.D0.B2_HTML

Правильно же все делать через таюлицу стилей, т. е. все что сейчас задано в span атрибутом style, выносить в файл стилей.

                
Posterside
За  0  /  Против  0
Posterside  написал  31.07.2016 в 22:55  в ответ на #2
Пробелы уберите в коде - #ff000 0 - это Адвего вставляет.

                
Posterside
За  0  /  Против  0
Posterside  написал  31.07.2016 в 22:56
Ну и вариант с выделением всего списка:

<ul style="background-color:#ff000 0">
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>

                
Ingusha55
За  0  /  Против  0
Ingusha55  написала  31.07.2016 в 22:57
<style>
#abc {background-color: red;}
</style>
<div id="abc">
<ul >
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>
</div>

                
Отправка жалобы...
Спасибо, ваша жалоба принята
Вы уже жаловались
Ваша учётная запись заблокирована для участия в форуме.
Жаловаться можно только на чужой комментарий
Избранное
Добавить в избранное
Имя
URL
https://advego.com/blog/read/author/3073949/all1/