新建一個html文件,定名為test.html,用于講解若何用css設置div與div之間的間距。
在test.html文件內,建立兩個div,并別離設置其class屬性為div1,div2,本家兒要用于下面臨類名進行樣式的界說。
在test.html文件內,利用css設置兩個div的寬高都為200px,并別離設置兩個div分歧的布景顏色。
利用margin-top設置div的頂部與其他div的間距,例如,下面利用css設置了第二個div的頂部與第一個div的間距為10px。
利用margin-bottom設置div的底部與旁邊div的間距,例如,下面利用css設置了第一個div的底部與第二個div的頂部間距為10px。
利用“float:left“讓兩個div并排顯示,利用margin-right設置div的右邊與旁邊的div的間距,例如,下面利用css設置了第一個div的右邊與第二個div的間距為10px。
利用margin-left設置div的左邊與旁邊的div的間距,例如,下面利用css設置了第二個div的左邊與第一個div的間距為10px。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!