HTML/CSS/List Style/list style image

Материал из Web эксперт
Версия от 11:17, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

Simple list-style-type and list-style-image example

   <source lang="html4strict">

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

       "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> 

 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <title>Simple list-style-type and list-style-image example</title>
 <style type="text/css">
   ul.image {
     list-style-image: url("square.gif");
   }
 </style>

</head> <body>

this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test. this is a test.

  • L.
  • L.
  • L.
  • L.

</body> </html> 

</source>


UL list-style-image: url(bullet.gif);

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> ul { 

list-style-image: url(bullet.gif);

} </style> </head> <body>

  • V
  • S
  • T
  • P

</body> </html> 

</source>
Источник — «http://wbex.ru/index.php?title=HTML/CSS/List_Style/list_style_image&oldid=5623»