源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 7153|回复: 0

[CSS/Html] CSS背景图片background如何改变大小以及样式设置

[复制链接]

1193

主题

1561

帖子

8620

金币

超级版主

Rank: 8Rank: 8

积分
18926
发表于 2020-2-23 20:33:06 | 显示全部楼层 |阅读模式


background-color 使用的背景色

background-size 背景图片的尺寸


  1. background-size: length|percentage|cover|contain;
  2. background-size:100% 100%;  //设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度。
  3. cover  //把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
  4. contain        //把图像图像扩展至最大尺寸,以使其宽度和高度完全适应内容区域。
复制代码


background-position 背景图像的位置

  1. 1: background-position:x% y%     //第一个值是水平位置,第二个值是垂直位置。
  2. 2: background-position-x:center   //横轴居中
  3.     background-position-y:center   //纵轴居中
复制代码


background-repeat 如何重复背景图像

  1. repeat-x        //背景图像将在水平方向重复。
  2. repeat-y        //背景图像将在垂直方向重复。
  3. no-repeat        //常用 阻止重复
  4. inherit //应该从父元素继承 background-repeat 属性的设置。
复制代码



您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2023-12-9 02:54 , Processed in 0.084964 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明