没怎么看教程做的布局上面几课还当没有课程

摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>小米商城</title><link rel="shortcut icon" type="image/x-icon" href="static

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<div>

<ul>

<li><a href="#">小爱分享平台</a></li>

<li><a href="#">SelectRegion</a></li>

</ul>

</div>

<div>

<ul>

</ul>

</div>

<div>

<div>

</div>

<div>

</div>

<div>

</div>

</div>

<div>

<div>

<div>

</div>

</div>

<div>

</div>

<div>

<div>

</div>

<div>

</div>

<div>

<div>

</div>

</div>

<div>

</div>

</body>

</html>

css

*{padding: 0px;margin: 0px;list-style:none;text-decoration: none;}

.clear{clear: both;}

/* 头部 */

.header{height: 40px;background:#333;}

.top{height: 40px;width: 1250px;margin:0px auto;font-size: 12px;}

.top_a{line-height: 40px;}

.top_a li{height:20px;float: left;margin-left: 15px;color: #ffffff;border-right: 1px solid #fff;text-align: center;}

.top_a li a{color: #ffffff;}

.top_b{line-height: 40px;width: 260px;float: right;}

.top_b li{float: left;margin-left: 18px;}

.top_b li a{color: #ffffff;}

/* 中部主体 */

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

.content_a{height: 68px;background: pink;margin-top: 10px;}

.content_b{height:461px;background: red;margin-top: 10px; }

.content_ba{height:460px;width:248px;background: pink;float: left;}

.content_bb{height:460px;width:992px;background: #ccc;float: right;}

.content_c{height:172px;margin-top: 10px;}

.content_ca{height:170px;width:238px;background: #5F5750;margin-right: 16px;float: left;}

.content_cb{height:170px;width:318px;background: pink;margin-right: 16px;float: left;}

.content_cc{height:170px;width:318px;background: pink;margin-right: 16px;float: left;}

.content_cd{height:170px;width:318px;background: pink;float: left;}

.content_d{height:362px;margin-top: 10px;}

/* 小米闪购 */

.content_db{height: 318px;width: 237px;background: pink;float: left;}

.content_e{height:101px;background: red;margin-top: 10px;}

/* 中部1 */

.contents{background: #F5F5F5;margin-top: 20px;}

.contents_w{margin: 0px auto;width: 1250px;}

.contents_a{height: 615px;width: 1250px;margin-top: 10px;}

.contents_l{height: 615px;width:234px;float: left;}

.contents_r{height: 615px;width:1006px;float: right;}

.contents_top{height: 303px;width:1010px;}

.contents_top1{height: 300px;width: 239px;background: #fff;float: left;}

.contents_xia{height: 303px;width:1010px;margin-top: 10px;}

.contents_b{height: 101px;background: pink;margin: 10px 0px;}

.contents_c{width: 1250px;margin-top: 10px;}

.contents_c1{height: 300px;width: 1250px;margin-top: 10px;}

.contents_c2{height: 300px;width: 1250px;margin-top: 10px;}

.contents_caa{height: 300px;width: 237px;background: #fff;float: left;}

.contents_c22{height: 146px;width: 237px;background: #ccc;}

.contents_c33{height: 146px;width: 237px;background: #ccc;margin-top: 10px;}

.contents_e{;width: 1250px;margin-top: 10px;}

.contents_f{height: 101px;width: 1250px;background: pink;margin-top: 10px;}

/* 底部 */

.footer{background: #fff;margin: 0px auto;}

.footer_a{height: 90px;background: #fff;}

.footer_b{height: 160px;margin-top: 10px;background: pink}

.footer_c{height: 85px;margin-top: 10px;background: pink}

没怎么看教程做的布局 上面几课还当没有课程

热门词条

没怎么看教程做的布局上面几课还当没有课程