Rumah > Artikel > hujung hadapan web > css怎么设置图片
css怎么设置图片
- 藏色散人asal
- 2021-04-02 10:32:436238semak imbas
css设置图片的方法：首先创建一个HTML示例文件；然后在body中创建一个div；最后通过“background-image: url("1.jpg");”设置图片即可。
本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑
在CSS中，可以使用background-image属性来设置图片。background-image属性为元素设置背景图像。
元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。
初始背景图像（原图像）根据 background-position 属性的值放置。
background-image属性的值：
url('URL') 指向图像的路径。
none 默认值。不显示背景图像。
inherit 规定应该从父元素继承 background-image 属性的设置。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
示例：
<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("1.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>效果图：
推荐学习：《css视频教程》
Atas ialah kandungan terperinci css怎么设置图片. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html怎么设置表格高度Artikel seterusnya：css的注释是什么