CSS樣式表是我們通過Web頁面來控制頁面外觀和布局的關鍵工具之一。其中,我們可以通過設置文字與頁面邊緣之間的距離來控制文本在頁面中的位置。實現這一目的的方法是使用CSS中的margin
屬性。
p { margin-top: 30px; margin-bottom: 20px; margin-left: 50px; margin-right: 50px; }
在上述代碼中,我們在p
標簽中設置了四個不同的margin
值。第一個值是margin-top
,在本例中它的值為30px
,這意味著每個段落的頂部距離頁面頂部會有30px
的空白間隙。同樣,我們也為margin-bottom
設置了20px
,這樣每段文字的底部會離頁面底部20px
。
此外,我們還可以為文本的左右兩側添加空白間隔。在本例中,我們為margin-left
和margin-right
分別設置了50px
的值,這將會在每段文本左側和右側分別留出50px
的空白空間。
總體來說,通過設置margin
屬性,我們可以輕松地控制頁面中段落文字離頁面頂部,底部以及左右兩側的距離,從而獲得更好的排版效果。