在CSS中对背景图片进行设置相关属性
2017-04-15 09:59
731 查看
<!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 背景图片相关属性
- 图片的宽高设置及背景图片的相关属性
- css样式教程---css控制背景图片-背景相关的css
- CSS网页设计:百分比进行背景图片定位
- java工程里CSS背景图片路径设置
- css background之设置图片为背景技巧
- CSS中背景图片位置属性background-position
- css,用一张大图片来设置背景的技术真相
- background-position—CSS设置背景图片的位置
- 今天学到的CSS最新技术(与图片背景相关)
- 将多个图片整合到一张图片中再用CSS_进行网页背景定位
- css中图片于文本的基线对齐与vertical-align属性设置
- 使用CSS给空元素设置背景图片
- css 设置全屏背景图片
- css背景图片的设置
- 将多个图片整合到一张图片中再用CSS_进行网页背景定位
- css为图片设置背景图片
- CSS中背景图片的设置
- 背景图片百分之百大小css设置方法
- 用CSS背景属性代替图片SRC