如何設置 div 背景大小
在 HTML 中,我們可以使用 div 元素來創建容器。要設置 div 背景大小,需要使用 CSS 樣式表。CSS 樣式表是用來控制網頁外觀的一種語言。以下是設置 div 背景圖片大小的 CSS 代碼:
div { background-image: url('example.jpg'); background-size: 100% 100%; }
在以上代碼中,我們使用了 background-image 屬性來設置 div 背景圖片。我們將圖片命名為 example.jpg。然后,我們使用 background-size 屬性來設置背景圖片的大小。我們將背景圖片的寬度和高度都設置為 100%。這意味著背景圖片會填滿整個 div 容器。
另一種設置 div 背景大小的方法是使用 background-repeat 屬性。以下是使用 background-repeat 屬性的 CSS 代碼:
div { background-image: url('example.jpg'); background-repeat: no-repeat; background-size: cover; }
在以上代碼中,我們同樣使用了 background-image 屬性來設置 div 背景圖片。然后,我們使用了 background-repeat 屬性將背景圖片不重復。最后,我們使用 background-size 屬性將背景圖片的大小設置為 cover。這意味著圖片會被縮放,以填滿整個 div 容器,而且它不會超出容器的邊緣。
以上是兩種設置 div 背景大小的方法。CSS 樣式表有許多其他屬性和值,可以用來調整網頁的外觀。