展会信息港展会大全

css教程:CSS背景background属性的应用
来源:互联网   发布日期:2016-03-25 16:33:57   浏览:2336次  

导读: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. 实例: 代...

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

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港