<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>京東汽車</title>
<style>
/* 公共樣式 */
*{
margin:0;
padding:0;
}
li{
list-style:none;
}
a{
text-decoration:none;
}
.nav{
width:1200px;
/* border:1px solid #000; */
/*水平居中*/
margin:20px auto;
}
/* 宁舰。nav清楚浮動 */
.nav:after{
content:"";
display:block;
clear:both;
}
.nav_logo,.nav_list{
float:left;
}
.nav_list{
overflow:hidden;/*清除浮動*/
margin-left:88px;
background:red;
height:38px;
line-height:38px;
}
.nav_list>li{
float:left;
width:165px;
/* border:1px solid #000; */
text-align:center;
}
.nav_list>li>a{
color:#fff;
}
.car{
/* border:1px solid #000; */
width: 200px;
margin: 0 auto;
height:25px;
}
.car>p{
border-bottom:1px solid #000;
width:40px;
display:inline-block;
margin-bottom:5px;
}
.d1{
width:1200px;
margin:0 auto;
}
.d2>ul>li{
width:225px;
float:left;
height:239px;
text-align:center;
}
.d1>div>img{
float:left;
}
.d2>ul{
border-top:1px solid #000;
border-bottom:1px solid #000;
overflow:hidden;
height:480px;
}
.d2>ul>li>p{
text-align:left;
padding-left:15px;
}
.d2>ul>li>span{
display:block;
text-align:left;
padding-left:15px;
}
.d2>ul>li>after:nth-child(),
.d2>ul>li>after:nth-child(2),
.d2>ul>li>after:nth-child(3),
.d2>ul>li>after:nth-child(4),
.d2>ul>li>after:nth-child(5),
.d2>ul>li>after:nth-child(6),
.d2>ul>li>after:nth-child(7),
.d2>ul>li>after:nth-child(){
border-right:1px solid #000;
}
</style>
</head>
<body>
<div class='nav'>
<a href="" class='nav_logo'>
<img src='images/logo.png'>
</a>
<ul class='nav_list'>
<li><a href="#">全款購車</a></li>
<li><a href="#">定金購車</a></li>
<li><a href="#">新車</a></li>
<li><a href="#">二手車</a></li>
<li><a href="#">平行進口車</a></li>
<li><a href="#">全部品牌</a></li>
</ul>
</div>
<div class="car">
<p></p>
<i>平行進口車</i>
<p></p>
</div>
<div class="d1">
<div >
<img src="images/ad.png">
</div>
<div class="d2">
<ul>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
<li>
<img src="images/1.jpg">
<p>
撒大聲道撒點大四啊打啊好快大四看打架打
</p>
<span>￥10000.00</span>
</li>
</ul>
</div>
</div>
</body>
</html>
2019-04-17
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門质况，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人玻靡，你說我怎么就攤上這事结榄。” “怎么了囤捻？”我有些...
- 文/不壞的土叔 我叫張陵臼朗，是天一觀的道長。 經(jīng)常有香客問我蝎土，道長视哑，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任誊涯，我火速辦了婚禮挡毅，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘暴构。我一直安慰自己跪呈，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布取逾。 她就那樣靜靜地躺著耗绿，像睡著了一般。 火紅的嫁衣襯著肌膚如雪菌赖。 梳的紋絲不亂的頭發(fā)上缭乘，一...
- 文/蒼蘭香墨 我猛地睜開眼晶丘，長吁一口氣：“原來是場噩夢啊……” “哼黍氮！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起浅浮，我...
- 正文 年R本政府宣布棘街，位于F島的核電站，受9級特大地震影響盒件，放射性物質(zhì)發(fā)生泄漏蹬碧。R本人自食惡果不足惜舱禽，卻給世界環(huán)境...
- 文/蒙蒙 一炒刁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧誊稚，春花似錦翔始、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至疾瓮，卻和暖如春脖镀，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背狼电。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 最近一周一連上了好幾次微課新啼，積累了一批學員的問題追城，雖然在線就解答完了。但是還是有很多學員私下來找我≡镒玻現(xiàn)在選擇三個這...
