新建一個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【如何用css設置div與div之間的間距】利用“float:left“讓兩個div并排顯示 ， 利用margin-right設置div的右邊與旁邊的div的間距 ， 例如 ， 下面利用css設置了第一個div的右邊與第二個div的間距為10px 。
7利用margin-left設置div的左邊與旁邊的div的間距 ， 例如 ， 下面利用css設置了第二個div的左邊與第一個div的間距為10px 。
以上內容就是如何用css設置div與div之間的間距的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 如何解決圓鞋帶易散的問題
- css怎么設置div居左、居右、居中
- 如何查看手機已連接的wifi密碼
- 如何關閉QQ空間申請
- CSS如何去掉div的邊框
- 拼多多如何邀請好友領取紅包
- 榮耀10如何設置鎖屏圖片
- 跑跑卡丁車如何給永久月餅配送車砍價
- 蘋果手機的siri開啟之后如何設置成英文模式
- 多肉上色防徒長，如何快速增色種植經驗心得