                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /企業網站綜合布局實戰

ok 兼容各種瀏覽器無序列表制作法

<!DOCTYPE?html>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/>
<title>頁碼的制作</title>
<style?type="text/css">
.li
{
????list-style-type:none;
}
.li?a
{
	font-family:"微軟雅黑";
	font-size:12px;
	border:1px?solid?#999999;
	margin-left:0?15px;
	padding:5px?10px;
	text-align:center;
	text-decoration:none;
	color:#000;
	font-weight:bold;
	margin:auto;
}
.li?a:hover
{
	color:#FFF;
	background-color:#F00;
}

</style>

</head>

<body>
<!--在此制作頁碼的基本結構-->
<div>
?<ul>
??<li?class="li">
??<a?href="#">首頁</a>
??<a?href="#">&lt;</a>
??<a?href="#">1</a>
??<a?href="#">2</a>
??<a?href="#">3</a>
??<a?href="#">···</a>
??<a?href="#">&gt;</a>
??<a?href="#">末頁</a>
??</li>
?</ul>
</div>


</body>
</html>