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