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

CSS3 背景尺寸

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-19

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

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

【例題】設(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ù)查找其他問(wèn)題的答案？

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