HTML和CSS是網頁設計中非常重要的兩個技術,HTML作為網頁內容的主要構建者,而CSS則可以用來美化網頁的樣式。本文將會介紹HTML和CSS的屬性設置。
<p style="color: red;">這是一段紅色的文字</p>
以上代碼中,style屬性是CSS常用的屬性之一,它可以控制一個元素的樣式。在該代碼中,我們使用了color屬性來設置文字顏色為紅色。
<p style="background-color: yellow;">這是一個黃色的背景</p>
除了文字顏色,CSS還可以控制背景顏色。代碼中的background-color屬性可以用來設置元素的背景色,該代碼中背景顏色被設置為黃色。
<p style="border: 1px solid black;">這是一段有邊框的文字</p>
另外一個常用的CSS屬性是border,它可以用來給元素添加邊框。以上代碼中我們設置了1像素寬度,黑色的實線邊框。
<p style="margin: 20px;">這是一段有20像素邊距的文字</p>
通過設置margin屬性,我們可以控制元素的邊距。以上代碼中邊距被設置為20像素。
<p style="padding: 30px;">這是一段有30像素內邊距的文字</p>
類似于margin,通過設置padding屬性,我們可以控制元素的內邊距。以上代碼中內邊距被設置為30像素。