css background属性


  翻译结果:

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>

运行实例 »

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

热门推荐

首页

视频

问答