• <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>

    用CSS+DIV實現四列式分欄

    新建一個html文件,定名為test.html,用于講解用css+div實現四列式分欄。

  • 2

    在test.html文件內,利用div標簽建立外層的div,本家兒要用于包抄四列div,并設置其class屬性為con。

  • 3

    在test.html文件內,利用css對類名為con的div進行樣式結構,設置其寬度為800px,高度為500px,而且居中對齊。

  • 4

    在test.html文件內,在類名為con的div內,建立四個div,用于實現四列結構。

  • 5

    在test.html文件內,利用css同一設置四列div的寬度為25%,半斤八兩于等分外層div,同時,設置高度為500px,浮動標的目的左。

  • 6

    在test.html文件內,利用css別離設置四列div的布景顏色以展示較著的結果。

  • 7

    在瀏覽器打開test.html文件,查看實現的結果。

    • 發表于 2019-09-12 17:00
    • 閱讀 ( 768 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

    請先 登錄 后評論
    聯系我們:uytrv@hotmail.com 問答工具
  • <noscript id="ecgc0"><kbd id="ecgc0"></kbd></noscript>
    <menu id="ecgc0"></menu>
  • <tt id="ecgc0"></tt>
    久久久久精品国产麻豆