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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐