摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>作業(yè)03</title><style>.dht{width:1200px;height:50px;margin:auto;margin-top:20px;}.dht a{display
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>作業(yè)03</title>
<style>
.dht{width:1200px;height:50px;margin:auto;margin-top:20px;}
.dht a{display:inline-block; width:130px;height:40px;text-align:center;line-height:40px;border:1px solid #ccc;border-radius:17px;box-shadow:0px 10px 30px #ccc inset;margin:5px;float:left;text-decoration:none;}
.dht a:hover{color:red;text-decoration:underline;}
</style>
</head>
<body>
<div>
<a href="">網(wǎng)站首頁</a>
<a href="">公司概況</a>
<a href="">產(chǎn)品中心</a>
<a href="">案例展示</a>
<a href="">新聞咨詢</a>
<a href="">軟件下載</a>
<a href="">解決方案</a>
<a href="">聯(lián)系我們</a>
</div>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2019-03-05 09:20:43
老師總結(jié)：作業(yè) 完成的不錯(cuò),但是a鏈接本身就是行內(nèi)元素不需要浮動(dòng)也可以達(dá)到你要的效果;使用浮動(dòng)要記得清除浮動(dòng)!