background多背景

1、```html

background-image: url(图片路径), url(图片路径);

```

- 不同的背景图像【逗号】隔开，也可以给不同的图片设置多个不同的属性（如背景位置，背景重复等）

2 背景图尺寸设置

- background-size: 数值

* px：设置背景图像的高度和宽度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 “auto”。

* percentage：以父元素的百分比来设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只设置一个值，则第二个值会被设置为 “auto”。

* cover:覆盖，等比例缩放背景图片到铺满整个盒子，但是背景图可能会无法完整显示在盒子中（宽高给大点）

* contain:包含，等比例缩放背景图片到完整显示在盒子中，有一边到达边界就停止放大, 可能导致另一边留白但是背景图可能在区域范围内铺不满（宽高给大点）

3 背景图定位区域——background-origin属性

* background-origin: padding-box; 默认值，背景图相对于内填充区域来定位

- background-origin: content-box; 背景图相对于内容来定位

- background-origin: border-box; 背景图片相对于边框区域来定位

background多背景相关推荐

css背景图background - 多背景定义
css背景图background - 多背景定义 1. 方法一 .bg{height:600px;background: url(../../static/images/slider/zplc.png ...
CSS3（background）背景属性与文字阴影
CSS3(background)背景属性 CSS(background)背景属性CSS(background)背景属性与文字阴影背景简写顺序: background-color background ...
CSS 背景(background)（背景颜色color、背景图片image、背景平铺repeat、背景位置position、背景附着、背景简写、背景透明、链接导航栏综合案例）
1. 背景颜色(color) background-color:颜色值; 默认的值是 transparent 透明的示例代码: <!DOCTYPE html> <html lang ...
background,background-size背景图片和盒子模型
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
CSS(3) Background（背景）
一.CSS 背景 1.CSS 背景属性用于定义HTML元素的背景.CSS 属性定义背景效果: background-color background-image background-repeat b ...
html5css背景色代码,background css背景
div css 布景格式bac公斤round属性 css bac公斤round 背景格式 css结构中无论是设置装备摆设配景颜色照旧背景图片,但凡使用bac千克round来完成.这里CSS5为大家通俗 ...
CSS background（背景图片）详解
"在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片.有一定的参考价值,有需要的朋友可 ...
CSS中background的背景属性标准写法
单个属性的写法书写格式: background-color:#CCCCCC; /*背景颜色*/background-image: url(sample.gif); /*背景图片*/backgroun ...
微信小程序background设置背景图片不能用本地图片
转载于:https://my.oschina.net/u/3512111/blog/1031402

background多背景

background多背景相关推荐

最新文章

热门文章