1. 程式人生 > >margin、padding、border區分

margin、padding、border區分

ima 20px 文字 borde .com add mage 兩個 縮減

margin

是設置兩個標簽的間隔,也就是距離;

padding

這個是比如一個p標簽,它是100px*100px,我們使用的時候p標簽的文字是貼著p標簽的最左側的,想要它的文字距離邊界遠一點,好看一點,就是需要做一個樣式的調整,我們可以用到padding這個屬性,加入說設置是10px,就是說這個p標簽的大小依然是100px*100px,但是它的內容是變成了90px*90px;

border

boarder是設置邊框的意思,他和padding的區別在於,padding是在標簽邊緣往裏縮減,而border是在標簽的邊緣往外擴展,也就是說是一個100px*100px的標簽,我設置他的border為20px,我們就可以看到整個標簽的大小是變成了120px*120px,也就是說多出來了20px,其標簽的內容也還是100px*100px的

技術分享圖片

margin、padding、border區分