一个有关于web的问题

gh18551222688 · 发表于 2019-9-30 21:21:23

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

<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>

请问各位大佬，我应该在什么位置插入个什么才能让四张从左往右图片居中对齐.

gh18551222688 · 发表于 2019-9-30 21:22:17

还有就是如何能让分割线位于图层下方显示呢，就不用像我这样打这么多换行符了。

账号		自动登录	找回密码
密码			立即注册