XHTML and CSS Tutorial - 27 - Styling Unordered Lists

on
<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>


<html>

<head>


<style type ="text/css">


</style>


</head>


<body>
<ul>
<li>apple</li>
<li>pie</li>
<li>dumplings</li>
</ul>
</body>


</html>
<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>


<html>

<head>


<style type ="text/css">
Ul{list-style-type:katakana;}


</style>


</head>


<body>
<ul>
<li>apple</li>
<li>pie</li>
<li>dumplings</li>
</ul>
</body>


</html>
<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>


<html>

<head>


<style type ="text/css">
Ul{list-style-image:url(f.jpg)}


</style>


</head>


<body>
<ul>
<li>apple</li>
<li>pie</li>
<li>dumplings</li>
</ul>
</body>


</html>


<!DOCTYPE html PUBLIC” -//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml/DTD/xhtmll-transitional.dtd>


<html>

<head>


<style type ="text/css">
Ul {border: 1px solid red;
List-style-type:none;
Padding:0;}
</style>


</head>


<body>
<ul>
<li>apple</li>
<li>coffee</li>
<li>buiscuit</li>
</ul>
</body>


</html>

Comments

Post a Comment