DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> 通過css設置塊元素位置
通過css設置塊元素位置
編輯:CSS特效代碼     
通過css設置塊元素位置

了解了塊元素的組成結構之後,通過設置塊元素的margin,可以輕松調整塊元素的位置

margin: 10px 20px 30px 40px 通過設置4個數值可以分別對上右下左(順時針方向)四個邊距進行調整;

margin: 10px 20px 通過設置兩個數值,則這兩個數值會被循環兩次,得到四個邊距值;

margin: 10px 同理,如果只設置了一個值,則會循環四次,得到四個邊距值;

如果設置三個值,則會將第二個值同時用於左右方向;

除了用margin同時設置外,還可以單獨設置margin-left、margin-right、margin-top、margin-bottom

如果要設置居中,則將左右margin設置為auto就能簡單實現

padding、border同理
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved