CSS是一種用于網頁設計的樣式表語言,可以通過設置樣式來控制網頁的外觀和布局。背景圖是一種常見的網頁設計元素,可以讓網頁更加美觀和清晰。在CSS中,我們可以通過設置背景圖片來為網頁添加背景圖。
直接使用background屬性
```css
background-size: cover;
在這個例子中,p元素的背景圖片將被覆蓋,并且大小為全屏。要設置圖片的大小,可以使用background-size的值,其中 cover表示覆蓋整個屏幕。同時,如果希望圖片能夠自動縮小以適應屏幕大小,可以使用background-size的畏縮樣式。
```html
<button>點擊我</button>
```css
button {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
在這個例子中,背景圖片將被覆蓋,并且大小為全屏。同時,背景圖片將被重復兩次,在元素的底部和頂部。背景圖片的位置是通過background-position屬性指定的,它指定了圖片在元素中的位置。
上一篇css實現球
下一篇css設置頁面可以滾動