导读 css可以加载图片。在css中，可以利用background-image或background属性来.....
css可加载图片css中，可用background-image或background加载图片的属性；这两个属性都可以配合url()函数为元素设置背景图像，语法background-image: url(图片路径)background: url(图片路径)；
前端（vue）入门精通课程:入学
本教程的操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可用background-image或background属性来加载图片。
background-image设置背景图像的属性是元素；background它是一个简化属性，可以在声明中设置所有的背景风格，包括背景图片。
语法：
background-image:url(图片路径)； background:url(图片路径)；
url()函数接受单个参数url，该参数以字符串的形式保存url。
说明：
background-image或background属性设置的背景图像将占据元素的所有尺寸，包括内部距离和框架，但不包括外部距离。默认情况下，背景图像位于元素的左上角，并在水平和垂直方向上重复。
background-image或background在元素的背景下设置图像。 background-repeat 属性值，图像可以沿着某个轴无限平铺（x 轴或 y 轴)平铺，或根本不平铺。
根据初始背景图像(原图像) background-position 放置属性值。
提示：请设置可用的背景颜色，这样，如果背景图像不可用，可以用背景色带代替。
CSS 加载图片的示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> div { width: 400px; height: 300px; border: 1px solid red; } .img1 { background-image: url(img/1.jpg); background-size: 200px; background-repeat: no-repeat; } .img2 { background-image: url(img/2.jpg); /* background-size: 200px; */ } </style> </head> <body> <div class="img1"></div> <div class="img2"></div> </body> </html>
（学习视频分享：css视频教程、web前端）
以上就是css可以加载图片的详细内容吗？请多注意php中文网其他相关文章！
