位置：首頁 > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS3 背景尺寸

提問人：劉團圓發(fā)布時間：2020-11-19

在CSS3之前，背景圖片的尺寸是由圖片的實際尺寸決走的，所以對圄片和頁面中元素的尺寸的要求非常嚴格。它們的尺寸必須完全一致，才能剛好匹配，否則就會出現(xiàn)背景圖片展示不完全，或者元素內(nèi)有留白的情況。但在CSS3中，可以使用background-size屬性規(guī)定背景圖片的尺寸，這就允許可 以在不同的環(huán)境中重復使用背景圖片了。

能夠以像素或百分比規(guī)定尺寸。如果以百分比規(guī)定尺寸，那么尺寸就相對于父元素的寬度和高度。

【例題】設(shè)置背景圖片的尺寸

代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

html{

height: 100%;

}

body{

height: 100%;

background-image: url(img/0.1.jpg);

background-repeat: no-repeat;

background-size: 100% 100%;

}

</style>

</head>

<body>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(0)
返回頂部