<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> div{ width: 100%; height: 350px; border: 1px solid red; background-color: blue; background-image: url("../../img/lianxiang.jpg"); /*background-repeat:图片平铺*/ background-repeat: no-repeat; /* background-position: 20px ;!*左边距边框20px,垂直居中*!*/ background-position: center top; /*背景图片的大小 contain:图片宽高等比例缩放,直到宽或高填满父部,可能出现图片填充布局不完整。 cover:图片宽和高都等比例缩放,直到较小的宽或高填满父布局,可能出现图片溢出。*/ background-size: cover; } </style> <title>背景图片</title> </head> <body> <div> </div> </body> </html>
在CSS中对背景图片进行设置相关属性
最新推荐文章于 2024-04-04 02:15:35 发布