開班信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>開班信息</title>
    <style type="text/css">
        /*清除默認樣式*/
        *{
            margin: 0;
            padding: 0;
        }

        /*統(tǒng)一頁面中的字體*/
        body{
            font: 12px/1 宋體;
        }

        /*設(shè)置outer的大小*/
        .header{
            width: 300px;
            /*height: 473px;*/
            /*background-color: #bfa;*/
            /*設(shè)置outer居中效果*/
            margin: 50px auto;
        }

        /*設(shè)置title的邊框*/
        .title{
            /*設(shè)置上邊框*/
            border-top: 2px #019e8b solid;
            /*設(shè)置盒子的高度*/
            height: 36px;
            /*設(shè)置背景樣式*/
            background-color: #f5f5f5;
            /*設(shè)置title的行高*/
            line-height: 36px;
            /*設(shè)置title的內(nèi)邊距*/
            padding: 0px 22px 0px 16px;
        }
        /*設(shè)置title中的超鏈接*/
        .title a{
            float: right;
            /*設(shè)置字體顏色*/
            color: red;
        }

        /*設(shè)置h3*/
        .title h3{
            font: 16px/36px "微軟雅黑";
        }

        /*設(shè)置內(nèi)容*/
        .content{
            border: 1px solid #deddd9;
            /*設(shè)置內(nèi)邊距*/
            padding: 0px 28px 0px 20px;
        }

        /*設(shè)置內(nèi)容中的超鏈接*/
        .content a{
            color: black;
            text-decoration: none;
            /*設(shè)置字體大小*/
            font-size: 12px;
        }

        /*為超鏈接添加一個hover偽類*/
        .content a:hover{
            color: red;
            /*為超鏈接添加下劃線*/
            text-decoration: underline;
        }

        /*設(shè)置內(nèi)容中的標題*/
        .content h3{
            margin-top: 14px;
            margin-bottom: 16px;
        }

        /*設(shè)置右側(cè)a的樣式*/
        .content .right{
            /*設(shè)置向右浮動*/
            float: right;
        }

        /*設(shè)置ul的樣式*/
        .content ul{
            /*去除項目符號*/
            list-style: none;
            /*為ul設(shè)置一個下邊框*/
            border-bottom: 1px dashed #deddd9;
        }

        /*取消最后一個ul的邊框*/
        .content .no-border{
            border: none;
        }

        /*設(shè)置內(nèi)容中的紅色字體*/
        .content .redfont{
            color: red;
            font-weight: bold;
        }

        /*設(shè)置內(nèi)容中的li*/
        .content li{
            margin-bottom: 15px;
        }
    </style>
</head>
<body>
    <!-- 創(chuàng)建一個外層div,容納整個內(nèi)容 -->
    <div class="header">
        <!-- 開班信息的頭部 -->
        <div class="title">
            <a href="#">18年面授開班計劃</a>
            <h3>近期開班</h3>
        </div>

        <!-- 開班信息的主要內(nèi)容 -->
        <div class="content">
            <h3><a href="#">人工智能+Python-高薪就業(yè)班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="redfont">預(yù)約報名</span></a>
                    <a href="#">開班時間:<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span class="redfont">無座,名額爆滿</span></a>
                    <a href="#">開班時間:<span class="redfont">2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2017-12-20</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2017-11-18</span></a>
                </li>
            </ul>
            <h3><a href="#">Android開發(fā)+測試-高薪就業(yè)班</a></h3>
            <ul>
                <li>
                    <a class="right" href="#"><span class="redfont">預(yù)約報名</span></a>
                    <a href="#">開班時間:<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2018-03-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2018-01-23</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2017-12-20</span></a>
                </li>
            </ul>
            <h3><a href="#">大數(shù)據(jù)軟件開發(fā)-青芒工作室</a></h3>
            <ul class="no-border">
                <li>
                    <a class="right" href="#"><span class="redfont">預(yù)約報名</span></a>
                    <a href="#">開班時間:<span class="redfont">2018-04-26</span></a>
                </li>
                <li>
                    <a class="right" href="#"><span>開班盛況</span></a>
                    <a href="#">開班時間:<span>2018-01-23</span></a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蔚叨,一起剝皮案震驚了整個濱河市电谣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌咸灿,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異纬凤,居然都是意外死亡,警方通過查閱死者的電腦和手機撩嚼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進店門停士,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人完丽,你說我怎么就攤上這事恋技。” “怎么了逻族?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵蜻底,是天一觀的道長。 經(jīng)常有香客問我聘鳞,道長薄辅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任抠璃,我火速辦了婚禮站楚,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘搏嗡。我一直安慰自己窿春,他們只是感情好,可當我...
    茶點故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著谁尸,像睡著了一般舅踪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上良蛮,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天抽碌,我揣著相機與錄音,去河邊找鬼决瞳。 笑死货徙,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的皮胡。 我是一名探鬼主播痴颊,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼屡贺!你這毒婦竟也來了蠢棱?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤甩栈,失蹤者是張志新(化名)和其女友劉穎泻仙,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體量没,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡玉转,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了殴蹄。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片究抓。...
    茶點故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖袭灯,靈堂內(nèi)的尸體忽然破棺而出刺下,到底是詐尸還是另有隱情,我是刑警寧澤妓蛮,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布怠李,位于F島的核電站,受9級特大地震影響蛤克,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜夷蚊,卻給世界環(huán)境...
    茶點故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一构挤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧惕鼓,春花似錦筋现、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽一膨。三九已至,卻和暖如春洒沦,著一層夾襖步出監(jiān)牢的瞬間豹绪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工申眼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留瞒津,地道東北人。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓括尸,卻偏偏與公主長得像巷蚪,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,851評論 2 361

推薦閱讀更多精彩內(nèi)容

  • 很早就醒來恭垦,大概5點多吧唤蔗,外面仍然一片漆黑,我躺在床上淌喻,大腦異常清晰,回想著前一天的經(jīng)歷娶眷,突然意識到似嗤,我許久沒有這...
    醒來就起來閱讀 792評論 4 2
  • 閑下來,回顧一下以前做過的東西届宠,總想著總結(jié)一下烁落,卻總是用沒時間來搪塞自己,我也是服了豌注,廢話不多說伤塌,進入正題: ...
    NumYeah閱讀 2,518評論 0 2
  • 任何企業(yè)都有自己的管理體系,而華為的HR組織基礎(chǔ)十分獨特轧铁,其中有三個關(guān)鍵詞:人力資源委員會每聪,行政與業(yè)務(wù)關(guān)系分離,懂...
    upcrystall閱讀 837評論 0 0