background
英 [ˈbækgraʊnd] 美 [ˈbækˌɡraʊnd]
n.(画等的)背景;底色;背景资料;配乐
复数: backgrounds
css background属性 语法
background属性怎么用?
background属性是一个简写属性,可以在一个声明中设置所有的背景属性。基本语法:background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
作用:background 简写属性在一个声明中设置所有的背景属性。
语法:background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
说明:可以设置如下属性:
background-color:指定要使用的背景颜色。
background-position:定背景图像的位置。
background-size:指定背景图片的大小。
background-repeat : 指定如何重复背景图像。
background-origin : 指定背景图像的定位区域。
background-clip 指定背景图像的绘画区域。
background-attachment: 设置背景图像是否固定或者随着页面的其余部分滚动。
background-image: 指定要使用的一个或多个背景图像。
注释:IE8 以及更早的浏览器不支持一个元素多个背景图像。
css background属性 示例
<html> <head> <style type="text/css"> body { background: skyblue; } </style> </head> <body> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> <p>这是一些文本。</p> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
热门推荐
- CSS3中background-image实现多背景图片(代码实例)
- CSS3中background-clip实现图片裁切3种效果(代码实例 )
- CSS3中background-orgin实现带相框照片显示效果-案例解析(代码实例 )
- CSS3中background-size实现背景图片大小可自定义的几种效果(代码实例 )
- 7个实用的CSS background-image小技巧
- 如何利用CSS background系列属性实现一些花式的文字效果