小米官网页头导航

abstract：<!DOCTYPE html><html> <head><meta charset="UTF-8"> <title>小米商城</title>

<!DOCTYPE html>

*{margin: 0px;padding: 0px;} /*body页面边距清零*/

li{list-style: none;}/*无序列表样式去除*/

a{text-decoration: none;cursor: pointer;color: white;}/*a标签下划线样式去除，hover链接光标为手势指针*/

a:hover{text-decoration: underline;color: red;}

.clear{clear: both;}/*清除浮动*/

/*头部样式*/

.header{width: 100%;height: 40px;margin: 0px auto;background: #2F3E45;}

.menu{width: 1226px;height: 40px;margin: 0px auto;}

.menu_left li{float: left;line-height: 40px;margin:0px 3px;}

.menu_right {line-height: 40px;}

.menu_right li{float: right;right: 10px;margin: 0px 3px;}

.gouwuche div{width: 200px;height: 80px;background: white; position: absolute;right: 0px;display: none;}

.gouwuche:hover div{display: block;}

.gouwuche:hover a{color: orange;background: white;}

.gouwuche:hover{background: white;}

/*底部样式*/

.footer{width: 1226px;height: 100px;margin: 10px auto;background: #2E2E2E;color: #A5A0A0;}

/*主体部分*/

.content{width: 1000px;margin: 10px auto; background:#F6F6F6; }

.navigation{background: #DCE2F3;height: 40px;margin: 0px auto;} /*导航*/

.sub01{background: #ccc;height: 500px;margin: 10px auto;}

.sub01_01{background: #ccc;width: 246px;height: 480px;}

.sub02{background: #ccc;height: 180px;margin: 10px auto;}

.sub03{background: #ccc;height: 280px;margin: 10px auto;}

.sub04{background: #ccc;height: 120px;margin: 0px auto;}

.sub05{background: #ccc;height: 70px;margin: 10px auto;}

.sub06{background: #ccc;height: 500px;margin: 10px auto;}

</style>

</head>

<body>

<div>

<ul>

<li><a href="#">小爱开放平台</a></li>

<li><a href="#">下载app</a></li>

</ul>

<ul>

<div>购物车中还没有商品，赶紧选购吧！</div>

</li>

</ul>

</div>

<div>

</div>

<div>

</div>

</div>

<div>

</div>

</body>

</html>

Correcting teacher：灭绝师太Correction time：2019-01-19 09:05:31
Teacher's summary：其实你要是把作业完成的很好，你的反馈我都能接受，这样的作业，怪不得你听课都是带着火气的……无奈……

小米官网页头导航

Popular Entries