學(xué)習(xí)到padding這里了，意思及用法感覺不理解。<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標(biāo)題文檔</title>? ?<style> ?? ? ? div {? ? ? border:1px red solid; ?width:100px; ?height:100px; ?margin:100px; ?padding:100px;? ? ? } ?? ?</style></head><body>? ?<div id="d1"> <p>我愛慕課網(wǎng)！</p></div></body></html>這段代碼，我現(xiàn)在想把我愛慕課網(wǎng)這幾個字設(shè)置距離div標(biāo)簽的上邊框100px，該如何設(shè)置？
2 回答
已采納
super_mb
TA貢獻(xiàn)101條經(jīng)驗 獲得超107個贊
首先，由于瀏覽器對每個標(biāo)簽都有其默認(rèn)的樣式，為了保證標(biāo)簽的樣式能和你設(shè)置的一致，你就需要先對所有的標(biāo)簽設(shè)置一個初始化的樣式，先把所有的內(nèi)邊距和外邊距設(shè)置為0：
* {
????????margin: 0;
????????padding: 0;
}
然后你這時候想讓文字距離div上邊框100px，你可以：
div {
????????padding-top: 100px; ?/*div的上內(nèi)邊距為100px*/
}
就可以實現(xiàn)你這個效果。
添加回答
舉報
0/150
提交
取消