在網頁開發中,CSS 是經常使用的一項技術。CSS 的作用主要是用于美化網頁的樣式,其中包括更改元素的大小、位置、顏色等等。在這里我們將會學習如何使用 CSS 來改變元素的原背景顏色。
/*CSS 代碼可以放到 HTML 文件的 head 標簽內,也可以單獨作為一個 CSS 文件引入*/ p { background-color: #008CBA; /*改變段落的背景顏色為深藍色*/ color: white; /*改變字體的顏色為白色*/ padding: 10px; /*增加段落的內邊距*/ border: 1px solid black; /*添加一個 1 像素黑色邊框*/ }
在上面的示例中,我們定義了一個p
標簽選擇器,并在花括號內添加了background-color
屬性。這個屬性的值是一個十六進制顏色代碼#008CBA
,表示的是深藍色。我們還添加了color
屬性來改變字體顏色為白色,以便更好地與背景色對比。
此外,我們還定義了padding
屬性來增加段落的內邊距,使內容與邊框間界分明。我們也添加了一個border
屬性來創建一個 1 像素的黑色邊框。這個邊框將在段落的周圍繪制,并增加一定的視覺效果。
通過以上的 CSS 代碼,我們成功地改變了原段落的背景顏色為深藍色,并選用了白色字體、內邊距和邊框來優化其外觀。CSS 的強大功能能夠幫助您輕松定制各種元素的樣式,為您的網頁帶來更多創新和精彩。
下一篇css改變鼠標指針圖案