欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中如何讓圖片做背景

李中冰2年前21瀏覽0評論

CSS是一種用于樣式表設計的編程語言,可以用來控制網頁的布局、樣式和響應式布局等。在CSS中,可以使用background屬性來設置圖片作為背景。下面將介紹如何使用CSS讓圖片做背景的方法。

```css

background-position: center center;

上述代碼會將圖片設置為背景,并居中顯示。

2. 使用background-size屬性

使用background-size屬性可以更精細地控制圖片的顯示效果。background-size屬性的第一個參數是圖片的大小,第二個參數是圖片在背景中顯示的比例。例如:

```css

background-position: center center;

background-size: cover;

上述代碼會將圖片設置為覆蓋整個背景,即 cover 表示完全覆蓋。

3. 使用background-repeat屬性

使用background-repeat屬性可以重復設置圖片的顯示方式。background-repeat屬性的第一個參數是圖片的顯示方式,可以是循環、不循環、隨機、沿左、沿右、全屏等。例如:

```css

background-position: center center;

background-size: cover;

background-repeat: no-repeat;

上述代碼會將圖片設置為不循環,即 no-repeat,并居中顯示。

4. 使用background-attachment屬性

使用background-attachment屬性可以設置圖片的顯示方式為固定或自適應。background-attachment屬性的第一個參數是圖片的顯示方式,可以是固定、自適應、隨機等。例如:

```css

background-position: center center;

background-size: cover;

background-repeat: no-repeat;

background-attachment: fixed;

上述代碼會將圖片設置為固定顯示,即 fixed,并居中顯示。

通過以上介紹,我們可以使用CSS讓圖片做背景的方法,靈活地控制圖片的顯示方式、大小和位置等。當然,還可以根據具體的需求選擇不同的圖片顯示方式,從而達到更好的效果。