Размерът на куршума се определя от браузъра, шрифта и размера на шрифта. Въпреки че понякога можете да увеличите размера на шрифта, за да увеличите размера на куршума, по-добро решение е да използвате изображение като куршум.
За да промените куршум в изображение, използвайте CSS на страницата си, подобно на следния пример.
ul {list-style: няма; } ul li { background: url (// www.computerhope.com/issues/pictures/bullet.gif) не се повтаря горе вляво; фонова позиция: 0 5px; височина на линията: 1.5625; пълнеж: 0 0 4px 30px; margin-left: 1em; }
В горния CSS код първо задаваме
- тагове, които не показват стил на списък, който премахва куршума от неупоменатия списък. След това поставяме "ul li" само за промяна на външния вид на
- етикети, които се съдържат в
- тагове. В първия ред на този раздел е фонът, който сочи към изображението, което използваме в примера. Всички останали линии в този случай придават подложката и границата около куршума.
Съвет: Можете също така да създадете CSS клас, ако искате да промените един куршум или да изберете група от маркери в списък.
След като кодът е създаден, всеки неупоряден списък с HTML ще използва курсовата картина като куршум.
Пример HTML код
- Пример за първи куршум
- Втори пример
Резултати от HTML кода, използвайки примера CSS
- Пример за първи куршум
- Втори пример