css列表属性实例代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>列表属性实例</title>
<style type="text/css">
a {
text-decoration:none;
}
a:link {
 color:#00FF00;
 
 text-decoration: none;
}
a:visited {
 color:#FFFF00;
 
 text-decoration: none;
}
a:hover {
 
 text-decoration: underline;
 color: #FF0000;
}
a:active {
 
 text-decoration: none;
 color: #FF00FF;
}

</style>

 

<style>

.big { font-size:130%; font-weight:bold; }
#zhu { 12em; color:#FF0000;}
ol{ list-style-type:upper-alpha;}
</style>
<link rel="stylesheet" type="text/css" href="css1.css" />
<style>
#liu {
100%; height:100px; line-height:18px; padding:6px;
color:#FF0000;
background:#005599 url(Winter.jpg) no-repeat scroll right bottom;
}
</style>
</head>

<body>
<h1 style="color:#0000FF; ">
<ol>
<font color="red"; size="+3";><li>这是第一行。</li></font>
<font style="background-color:#FF00FF ";><li>这是第二行。</li></font>
<font style=" list-style-type:none"; class="n";><li >这是第三行。</li></font>
<li class="n";>这是第四行。</li>
<li><span class="n">这是第五行。</span></li>
</ol>
</h1>
<hr>
<br>
<br>
<div id="liu">背景与颜色属性实例</div>
<br>
<br>
<div name="cat">

<h1>heading here</h1>
<p> lorem ipsum dolor sit amet.</p>
<p class="big">lorem ipsum dolor <em>sit</em> amet.</p>
<hr>
</div>
<div name="nav">
<ul>
<li>item 1</li>
<li class="big">item 2</li>
<li id="zhu" >item 3</li>
<li class="n" >item 4</li>
<li><h1>item 5</h1></li>
<li ><em >item 6</em></li>
<p ><li >item 7</li></p>
<p style="text-decoration:underline ;" ><li>item 8</li></p>
</ul>
</div>
<hr>
<a href="#" >A LOVE OR HARE</a><br>
<br>
<br>
<a href="#" >I LOVE YOU</a><br>
<br>
<br>
</body>
</html>

原文地址:https://www.cnblogs.com/liuzhuqing/p/7481229.html