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

    如何用css設置div與div之間的間距

    新建一個html文件,定名為test.html,用于講解若何用css設置div與div之間的間距。

  • 2

    在test.html文件內,建立兩個div,并別離設置其class屬性為div1,div2,本家兒要用于下面臨類名進行樣式的界說。

  • 3

    在test.html文件內,利用css設置兩個div的寬高都為200px,并別離設置兩個div分歧的布景顏色。

  • 4

    利用margin-top設置div的頂部與其他div的間距,例如,下面利用css設置了第二個div的頂部與第一個div的間距為10px。

  • 5

    利用margin-bottom設置div的底部與旁邊div的間距,例如,下面利用css設置了第一個div的底部與第二個div的頂部間距為10px。

  • 6

    利用“float:left“讓兩個div并排顯示,利用margin-right設置div的右邊與旁邊的div的間距,例如,下面利用css設置了第一個div的右邊與第二個div的間距為10px。

  • 7

    利用margin-left設置div的左邊與旁邊的div的間距,例如,下面利用css設置了第二個div的左邊與第一個div的間距為10px。

    • 發表于 2019-09-13 17:11
    • 閱讀 ( 1520 )
    • 分類:其他類型

    你可能感興趣的文章

    相關問題

    0 條評論

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