首頁  >  文章  >  web前端  >  常用的css背景屬性介紹

常用的css背景屬性介紹

王林
王林原創
2020-05-26 17:24:042962瀏覽

常用的css背景屬性介紹

一、background-color

此屬性定義了元素的背景顏色。

頁面的背景顏色使用在body的選擇器中,如下:

常用的css背景屬性介紹

#效果圖:

常用的css背景屬性介紹

在CSS中,顏色值通常以以下方式定義:

1、十六進位- 如:"#ff0000"

2、RGB - 如:"rgb(255 ,0,0)"

3、顏色名稱- 如:"red"

(影片教學推薦:css影片教學

二、background-image

此屬性描述了元素的背景圖像。

預設情況下 background-image 屬性會在頁面的水平或垂直方向平鋪。

實例:

常用的css背景屬性介紹

結果:

常用的css背景屬性介紹

三、background-repeat

如果我們不想讓映像平鋪,可以使用background-repeat 屬性。

實例:

屬性介紹:

repeat-x:水平方向平鋪

no-repeat:不平鋪

常用的css背景屬性介紹

結果:

常用的css背景屬性介紹

想了解更多相關知識請造訪php中文網CSS基礎入門欄位。

以上是常用的css背景屬性介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn