web前端html+css常用佈局01

zhaihaohao1發表於2015-08-25
Web前端HTMLCSS

程式碼：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div class="plan-form">
    <!-- 迴圈 開始 -->
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #3498db;color: #ffffff; ">早間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-21 09:08:45</div>
    </div>
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #66cccc;color: #ffffff; ">晚間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-20 19:49:07</div>
    </div>
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #3498db;color: #ffffff; ">早間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-21 09:08:45</div>
    </div>
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #66cccc;color: #ffffff; ">晚間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-20 19:49:07</div>
    </div>
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #3498db;color: #ffffff; ">早間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-21 09:08:45</div>
    </div>
    <div id="zongbuju" style="border-bottom: 1px dashed #666;">
        <div id="head"
             style=" text-indent: 2em;line-height: 28px;/* width: 80%; *//* margin: 0 auto; */ font-size: 14px; margin-top: 5px;">
            <span
                style="float: left;text-indent: 0;text-align: left;padding:0 10px;background-color:  #66cccc;color: #ffffff; ">晚間策略</span>
            古代馬王堆版是上篇《德篇》和下篇《道篇》不分章，現代通行版本共81章，前37章是《道篇》，後44章為《德篇》。
            《道德經》這部神奇寶典被譽為萬經之王，是中國歷史上最偉大的名著之一，對中國哲學、科學、政治、
            宗教等產生了深刻影響。據聯合國教科文組織統計，《道德經》是除了《聖經》以外被譯成外國文字釋出量最多的文化名著。
        </div>
        <div id="foot" style=" color: #666; margin-top: 10px; margin-bottom: 10px; "> 2015-08-20 19:49:07</div>
    </div>

    <!-- 迴圈 結束 -->
</div>
</body>
</html>

相關文章