一个导航条的练习

Original 2019-03-04 21:04:29 191
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链接本身就是行内元素不需要浮动也可以达到你要的效果;使用浮动要记得清除浮动!

Release Notes

Popular Entries