The way to set the background image in css3 is to add the attribute [background-image: url(css.jpg)]. The background-image attribute is used to set the background image of an element, and fill in the URL address of the image in the URL.
The operating environment of this article: windows10 system, css 3, thinkpad t480 computer.
If we want to add a background image, we can select the background-image attribute, which can introduce a local image as the background.
The background-image property sets the background image of an element.
Attribute value:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
*{
margin: 0;
padding: 0;
}
div{
width: 200px;
height: 200px;
border: 1px solid black;
background-image: url(css.jpg);/* 引入图片 */
background-size: 100px 100px;/* 设置图片的大小 */
background-repeat: no-repeat;/* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
background-position: 50% 50%;/* 设置图片的位置,left top左上,center center居中..... */
}
</style>
<title></title>
</head>
<body>
<div></div>
</body>
</html>The above is the detailed content of How to set background image in css3. For more information, please follow other related articles on the PHP Chinese website!
css3 tutorial
What are the css3 gradient properties?
How to uniformly replace ppt background images
How to set ppt background picture
What should I do if the docker container cannot access the external network?
Cause of blue screen
vscode creates html file method
Introduction to python programming uses
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
