The CSS background properties define the background effects of an element.
CSS的background属性可为元素定义背景效果。
设置背景颜色 Set the background color
This example demonstrates how to set the background color for an element.
实例:
代码如下
复制代码
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
标题一
标题二
段落
[ 可先修改部分代码 再运行查看效果 ]
设置背景图片 Set an image as the background
This example demonstrates how to set an image as the background
实例:
代码如下
复制代码
body
{
background-image:url('attachments/month_0612/52006129151936.jpg')
}
[ 可先修改部分代码 再运行查看效果 ]
重复背景图片 How to repeat a background image
This example demonstrates how to repeat a background image.
实例:
代码如下
复制代码
body
{
background-image:
url('attachments/month_0612/52006129151936.jpg');
background-repeat: repeat
}
[ 可先修改部分代码 再运行查看效果 ]
背景图片水平重复 How to repeat a background image only horizontally
This example demonstrates how to repeat a background image only horizontally.
实例:
代码如下
复制代码
body
{
background-image:
url('attachments/month_0612/52006129151936.jpg');
background-repeat: repeat-x
}
[ 可先修改部分代码 再运行查看效果 ]
背景图片垂直重复 How to repeat a background image only vertically