小米商城大致布局_PHP中文网手记

摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>小米商城 - 小米MIX 3、小米8、红米6 Pro、小米电视官方网站</title> <link rel="shortcut icon" type=&q

<!DOCTYPE html>

<html>

<head>

<title>小米商城 - 小米MIX 3、小米8、红米6 Pro、小米电视官方网站</title>

</head>

<style>

*{margin: 0;padding: 0;}

.top{height: 40px;width: 100%;background: #333333;}

.topBar{height: 40px;width: 1226px;background: #ccc;margin: 0 auto;}

.content{width: 1226px;margin: 0px auto;}

.content .menu{height:60px;background: #CCCCCC;margin:10px auto;}

.content .pic{height:480px;background: #CCCCCC;margin: 10px auto;}

.content .picList{height: 180px;background: #CCCCCC;margin: 10px auto;}

.content .miShop{height: 60px;background: #CCCCCC;margin: 10px auto;}

.content .miShopList{height: 350px;background: #CCCCCC;margin: 10px auto;}

.content .img{height: 120px;margin: 30px auto;}

.content .title{height: 80px;background: #CCCCCC;margin: 10px auto;}

.content .productList{height:620px;background: #CCCCCC;margin: 10px auto;}

.foots{height: 180px;width: 100%;background: #CCCCCC;margin: 10px auto;}

.foot{height: 180px;width: 1228px;background:#CCCCCC;margin: 0 auto;}

</style>

<body>

</div>

</div>

</div>

</body>

</html>

小米商城大致布局