background

UK[ˈbækgraʊnd] US[ˈbækˌɡraʊnd]

n. (painting, etc.) background; background color; background information; soundtrack

Plural: backgrounds

size

## English[saɪz] 美[saɪz]

n. Scale; size, size; glue, paste Paste; huge, large number

vt. Arrange by size; change the size of; apply glue, sizing; apply paint

adj. Third person singular of a certain size

: sizes Plural: sizes present participle: sizing past tense: sized past participle: sized

css3 background-size property syntax

Function: Specifies the size of the background image.

Note: Before CSS3, the size of the background image was determined by the actual size of the image. In CSS3, the size of the background image can be specified, which allows us to reuse the background image in different environments.

In CSS3, you can set the size of the background image through the background-size attribute, set the image size through the length value or percentage, or scale the image through cover and contain

css3 background-size property example

<!DOCTYPE html>
<html>
<head>
<style> 
body
{
background:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-size:63px 100px;
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-repeat:no-repeat;
padding-top:80px;
}
</style>
</head>

<body>
<p>上面是缩小的背景图片。</p>

<p>原始图片：<img src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" alt="Flowers"></p>

</body>
</html>

Run instance »

Click the "Run instance" button to view the online instance