CSS是一種樣式表語言,可以用來控制網頁的外觀和布局。其中,字體加背景色是常見的樣式之一。在CSS中,我們可以通過color
和background-color
屬性來實現字體和背景色的設置。
/* 設置字體顏色為白色,背景色為藍色 */ p { color: white; background-color: blue; }
上述代碼可以實現讓所有
標簽文字變成白色,背景色為藍色。如果想讓某個元素的字體和背景色不同,可以分別使用color
和background-color
屬性來設置:
/* 設置ID為example的元素字體顏色為紅色,背景色為黃色 */ #example { color: red; background-color: yellow; }
另外,我們還可以使用opacity
屬性來調整元素的透明度。
/* 設置ID為example的元素字體顏色為白色,背景色為藍色,透明度為0.5*/ #example { color: white; background-color: blue; opacity: 0.5; }
除了使用顏色名稱,還可以使用十六進制值或RGB值來設置顏色,例如:
/* 設置字體顏色為#333333,背景顏色為rgb(51, 51, 51) */ p { color: #333333; background-color: rgb(51, 51, 51); }
通過以上代碼示例,我們可以看到CSS可以很方便地控制文字和背景的顏色、透明度等樣式,讓網頁效果更加美觀、清晰。
上一篇css 字體上下偏移
下一篇css 字體不傾斜