<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>開(kāi)班信息 </title>
<style type="text/css">
*{
margin: 0px;
padding:0px;
}
.outer{
width: 300px;
height: 700px;
background-color: skyblue;
margin: 50px auto;
}
.title{
border-top: 2px #019e8b solid;
height: 36px;
background-color: #f5f5f5;
line-height: 36px;
padding: 0px 22px 0px 16px;
}
.title a{
float:right;
color: red;
}
.title h4{
font:16px/36px "微軟雅黑";
}
.content{
border:1px solid #deddd9;
padding: 0px 28px 0px 20px;
}
.content a{
color: black;
text-decoration: none;
font-size: 12px;
}
.content h4{
margin-top: 15px;
margin-bottom: 15px;
}
.content ul{
list-style:none;
border-bottom: 1px dashed #deddd9;
}
.content li{
margin-bottom: 15px;
}
.content .red-font{
color:red;
font-weight: bold;
}
.content .right{
float:right;
}
.content .no-border{
border: none;
}
</style>
</head>
<body>
<!-- 創(chuàng)建一個(gè)外層的div -->
<div class="outer">
<!-- 開(kāi)班信息的頭部 -->
<div class="title">
<a href="#">18年面授開(kāi)班計(jì)劃</a>
<h4>近期開(kāi)班</h4>
</div>
<!-- 開(kāi)班信息的主體內(nèi)容 -->
<div class="content">
<h4><a href="#">人工智能+python-高薪就業(yè)班</a></h4>
<ul>
<li>
<a class="right" href="#"><span class="red-font ">預(yù)約報(bào)名</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span class="red-font ">無(wú)座菩收，名額爆滿(mǎn)</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<h4><a href="#">Android開(kāi)發(fā)+測(cè)試-高薪就業(yè)班</a></h4>
<ul>
<li>
<a class="right" href="#"><span class="red-font ">預(yù)約報(bào)名</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span class="red-font ">無(wú)座葫笼，名額爆滿(mǎn)</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
</ul>
<h4><a href="#">大數(shù)據(jù)軟件開(kāi)發(fā)-青芒工作室</a></h4>
<ul class="no-border">
<li>
<a class="right" href="#"><span class="red-font ">預(yù)約報(bào)名</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span class="red-font ">無(wú)座，名額爆滿(mǎn)</span></a>
<a href="#">開(kāi)班時(shí)間：<span class="red-font ">2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
<li>
<a class="right" href="#"><span>開(kāi)班盛況</span></a>
<a href="#">開(kāi)班時(shí)間：<span>2018-04-26</span></a>
</li>
</ul>
</div>
</div>
</body>
</html>
開(kāi)班 小試題
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門(mén)抛寝，熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)熊杨，“玉大人，你說(shuō)我怎么就攤上這事墩剖『锇迹” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵岭皂，是天一觀(guān)的道長(zhǎng)郊霎。 經(jīng)常有香客問(wèn)我，道長(zhǎng)爷绘，這世上最難降的妖魔是什么书劝？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮土至，結(jié)果婚禮上购对，老公的妹妹穿的比我還像新娘。我一直安慰自己陶因，他們只是感情好骡苞，可當(dāng)我...
- 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著，像睡著了一般解幽。 火紅的嫁衣襯著肌膚如雪贴见。 梳的紋絲不亂的頭發(fā)上，一...
- 那天躲株，我揣著相機(jī)與錄音片部，去河邊找鬼。 笑死霜定，一個(gè)胖子當(dāng)著我的面吹牛档悠，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播望浩，決...
- 文/蒼蘭香墨 我猛地睜開(kāi)眼辖所，長(zhǎng)吁一口氣：“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來(lái)了磨德？” 一聲冷哼從身側(cè)響起奴烙，我...
- 序言：老撾萬(wàn)榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎剖张，沒(méi)想到半個(gè)月后切诀，有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡搔弄，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年幅虑，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片顾犹。...
- 正文 年R本政府宣布浑玛，位于F島的核電站绍申，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏顾彰。R本人自食惡果不足惜极阅，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望涨享。 院中可真熱鬧筋搏，春花似錦、人聲如沸厕隧。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至髓迎，卻和暖如春栈源，著一層夾襖步出監(jiān)牢的瞬間，已是汗流浹背竖般。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像闭翩，于是被迫代替她去往敵國(guó)和親挣郭。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 始終不會(huì)完美，但是我自己知道在進(jìn)步就可以了驹马！幾個(gè)好看點(diǎn)的革砸，雖然好看不是重點(diǎn)，我覺(jué)得我最差的還是章法糯累，太亂算利！[捂臉]...
- 背景：表中有一個(gè)降水強(qiáng)度字段，但是并不是真實(shí)的降雨量扒怖，后來(lái)數(shù)據(jù)模型的同事給了一個(gè)python腳本较锡，按照腳本可以大體...
