当前位置:编程学习 > html/css >>

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

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.
实例:
Source Code to Run [www.fun52.com]
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
实例:
Source Code to Run [www.fun52.com]
body
{
background-image:url('attachments/month_0612/52006129151936.jpg')
}
   [ 可先修改部分代码 再运行查看效果 ]
重复背景图片 How to repeat a background image
This example demonstrates how to repeat a background image.
实例:
Source Code to Run [www.fun52.com]
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.
实例:
Source Code to Run [www.fun52.com]
body
{
background-image:
url('attachments/month_0612/52006129151936.jpg');
background-repeat: repeat-x
}
   [ 可先修改部分代码 再运行查看效果 ]
背景图片垂直重复 How to repeat a background image only vertically
第 1 2 3 页
补充:Css教程,经典案例 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,