一个有关于web的问题
<!--prj_4_1.html--><html>
<head>
<meta charset="utf-8">
<title>超链接与无序列表应用（apple网站）</title>
<style type="text/css">
h2{text-align: center;}
ul{list-style-type: none;text-align: center;}
li{float:left;padding: 0 10px;text-align: center;}
body{text-align: center; }
.a1,.a2,.a3{border:solid 2px blueviolet;}
.a4{border:solid 2px#0033CC;}
</style>
</head>
<body>
<h2>apple网站</h2>
<hr color="#66ff33"size="3">
<ul>
<li ><a href="http://www.apple.com.cn/iphone/"><img class="a1" src="ipadblank1.gif" ></a></li>
<li><a href="http://www.apple.com.cn/ipad/"><img class="a2" src="ipadblank2.gif" ></a></li>
<li ><a href="http://www.apple.com.cn/macbook-pro/"><img class="a3" src="ipadblank3.gif"></a></li>
<li ><a href="http://www.apple.com.cn/supplierresponsibility/ -->"><img class="a4" src="ipadblank4.gif"></a></li>
</ul>
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<hr color="#66ff33"size="3">
</body>
</html>
请问各位大佬，我应该在什么位置插入个什么才能让四张从左往右图片居中对齐. 还有就是如何能让分割线位于图层下方显示呢，就不用像我这样打这么多换行符了。
页:
[1]