近期開辦項(xiàng)目

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>開班信息</title>

<style type="text/css">

*{

padding: 0;

margin: 0;

}

body{

font:12px/1 "微軟雅黑";

}

.zhuti{

width: 300px;

height: 471px;

background-color: #bfa;

margin: 50px auto;

}

.footer{

border-top: 2px solid #019e8b;

height: 36px;

background-color: #f5f5f5;

}

.content{

border:1px solid #d1ddd9;

height: 431px;

background-color: #ffffff;

padding: 0px 28px 0px 20px;

}

.footer a{

float: right;

line-height: 36px;

color: #ff0000;

padding: 0px 22px 0px 16px;

}

.footer h3{

float: left;

line-height: 36px;

padding: 0px 22px 0px 16px;

font: 16px/36px "微軟雅黑"

}

.content a{

text-decoration: none;

color: black;

font-size: 12px;

}

.content a:hover{

color:red;

}

.content .red-font{

color: red;

font-weight: bold;

}

.content ul{

list-style: none;

border-bottom:1px dashed #deddd9;

}

.content .right{

float: right;

}

.content h3{

margin-top:15px;

margin-bottom: 15px;

}

.content li{

margin-bottom: 15px;

}

.content .no-border{

border:none;

}

</style>

</head>

<body>

<div class="zhuti">

<div class="footer">

<h3>近期開班</h3>

<a href="#">18年面授開班計(jì)劃</a>

</div>

<div class="content">

<h3><a href="#">人工智能+python-高薪就業(yè)班</a></h3>

<ul>

<li>

<a class="right" href="#"><span class="red-font">預(yù)約報(bào)名</span></a>

<a href="#">開班時(shí)間:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span class="red-font">無座,名額飽滿</span></a>

<a href="#">開班時(shí)間:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

</ul>

<h3><a href="#">Android開發(fā)+測試-高薪就業(yè)班+python-高薪就業(yè)班</a></h3>

<ul>

<li>

<a class="right" href="#"><span class="red-font">預(yù)約報(bào)名</span></a>

<a href="#">開班時(shí)間:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

</ul>

<h3><a href="#">大數(shù)據(jù)軟件開發(fā)-青芒工作室</a></h3>

<ul class="no-border">

<li>

<a class="right" href="#"><span class="red-font">預(yù)約報(bào)名</span></a>

<a href="#">開班時(shí)間:<span class="red-font">2018-04-26</span></a>

</li>

<li>

<a class="right" href="#"><span>開班盛況</span></a>

<a href="#">開班時(shí)間:<span>2018-04-26</span></a>

</li>

</ul>

</div>

</div>

</body>

</html>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,826評(píng)論 1 45
  • 不會(huì)用代碼框,所以看著有些亂套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    這就是個(gè)帥氣的名字閱讀 1,919評(píng)論 0 0
  • <!DOCTYPE html> 開班信息 *{ padding: 0; margin: 0; } body{ fo...
    叫我阿領(lǐng)就好閱讀 278評(píng)論 0 0
  • 1、垂直對(duì)齊 如果你用CSS,則你會(huì)有困惑:我該怎么垂直對(duì)齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,300評(píng)論 0 11
  • 模板引擎 什么是模板引擎: 模板引擎(這里特指用于Web開發(fā)的模板引擎)是為了使用戶界面與業(yè)務(wù)數(shù)據(jù)(內(nèi)容)分離而產(chǎn)...
    風(fēng)華振茂閱讀 3,135評(píng)論 0 5

友情鏈接更多精彩內(nèi)容