【css3之背景属性之background-size】的更多相关文章

CSS3 的背景属性

㈠background-size 属性 ⑴background-size 属性规定背景图片的尺寸. ⑵在 CSS3 之前,背景图片的尺寸是由图片的实际尺寸决定的.在 CSS3 中,可以规定背景图片的尺寸,这就允许在不同的环境中重复使用背景图片. ⑶能以像素或百分比规定尺寸.如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度. ⑷语法:background-size: length|percentage|cover|contain;  ⑸示例1:调整背景图片的大小 <!DOCTYPE html…

Css3新增背景属性

1.background-origin 背景的起始位置 background-origin: border-box || padding-box || content-box; 案例初始化: 代码: 效果: 设置的盒子存在 border padding content(用户设置的width height)   (1) background-origin: border-box; 设置背景图片的起始位置从border开始 效果: (2)background-origin: content-box;…

css3之背景属性之background-size

一.相关属性: background-image: url(“./img/a.jpg”); //设置元素背景图片 background-repeat: repeat/no-repeat: //设置背景图像的平铺方式 默认repeat background-position:left top; //设置元素的背景定位起点,默认值为left top background-size:auto; //设置背景图像的尺寸大小,默认值auto background-attachment:scroll: //…

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*/ba…

CSS 常用样式 – 背景属性

一.背景颜色 background-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰 加载区域:在 border 及以内加载背景颜色 属性值:颜色名.颜色值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="…

CSS的背景属性和边框属性

CSS的背景属性: background 简写属性,作用是将背景属性设置在一个声明中 background-attachment 背景图像是否固定或者随着页面的其余部分滚动 background-color 设置元素的背景颜色 background-image 把图像设置为背景 background-position 设置背景图像的起始位置 background-repeat 设置背景图像是否如何重复 实例代码一: <p style="background-color:pink; widt…

CSS3的背景background

CSS3中的Background属性 background: background-image || background-position/background-size || background-repeat || background-attachment || background-clip || background-origin || background-color 也可以分解写成: background-image: url(); background-position: <l…

CSS背景属性Background详解

[转] 本文详解了CSS的背景属性Background,包括CSS3中新增的背景属性.如果你是个CSS初学者,还可以查看之前介绍的CSS浮动属性和CSS透明属性详解. CSS2 中有5个主要的背景(background)属性,它们是: background-color: 指定填充背景的颜色. background-image: 引用图片作为背景. background-position: 指定元素背景图片的位置. background-repeat: 决定是否重复背景图片. background…

CSS3 背景属性

CSS3 background-size 属性 div {background:url(bg_flower.gif);-moz-background-size:63px 100px; /* 老版本的 Firefox */background-size:63px 100px;background-repeat:no-repeat;} CSS3 background-origin 属性背景图片可以放置于 content-box.padding-box 或 border-box 区域.div{back…

CSS（九）：background（背景属性）

通过CSS背景属性,可以给页面元素添加背景样式. 背景属性可以设置背景颜色.背景图片.背景平铺.背景图像固定等. background-color(背景颜色) background-color属性定义了元素的背景颜色. 语法 background-color: transparent | color; 参数说明 参数 说明 transparent 透明的(默认值) color 预定义颜色 | 十六进制 | RGB代码 一般情况下元素背景颜色默认值是 transparent(透明),我们也可以手动…