大家知道什麼是divcss盒子大小嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。
這裡主要用於兩個屬性:margin和padding,我們以margin為例,padding與之相同。盒子有上下左右四個方向,每個方向都有個外邊距:
margin-top:1px;
margin-right:2px;
margin-bottom:3px;
margin-left:4px;
你可以簡寫成:
margin:1px 2px 3px 4px;
語法 margin:top right bottom left;
//四個方向的邊距相同,等同於margin:1px 1px 1px 1px;
margin:1px;
//上下邊距都為1px,左右邊距均為2px,等同於margin:1px 2px 1px 2px;
margin:1px 2px;
//右邊距和左邊距相同,等同於margin:1px 2px 3px 2px;
margin:1px 2px 3px;
//注意,這裡雖然上下邊距都為1px,但是這裡不能縮寫。
margin:1px 2px 1px 3px;
相信大家已經學會什麼是divcss盒子大小了吧!感謝大家對我們網站的支持!
相關推薦:
css實現圓角圖形繪制的技巧