abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>作业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>作业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="">网站首页</a>
<a href="">公司概况</a>
<a href="">产品中心</a>
<a href="">案例展示</a>
<a href="">新闻咨询</a>
<a href="">软件下载</a>
<a href="">解决方案</a>
<a href="">联系我们</a>
</div>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2019-03-05 09:20:43
Teacher's summary:作业 完成的不错,但是a链接本身就是行内元素不需要浮动也可以达到你要的效果;使用浮动要记得清除浮动!