css教程:CSS背景background属性的应用

作者:袖梨 2022-07-02

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

相关文章

精彩推荐