来看看：CSS3教程(5):网页背景图片

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
背景图片/纹理有良多种利用体例，经常用于增加网站的最好的终极丑化。如今它在CSS3中被器重，我们能够使用多背景图和背景图片尺寸来完成更完善的效果。
上一篇文章：CSS3教程(4):网页边框和网页笔墨暗影
CSS3的背景图片巨细能够写成background-size:ApxBpx;
-Apx=x轴(图片宽度)
-Bpx=y轴(图片高度)
懂得了这些，我们入手下手体验这个特征吧：
最好撑持CSS3背景巨细的扫瞄器是Safari和Opera，以是我们只必要利用-o和-webkit前缀。
背景巨细

登录/注册后可看大图

1. #backgroundSize{border:5pxsolid#bd9ec4;background:url(image_1.extention)bottomrightno-repeat;-o-background-size:150px250px;-webkit-background-size:150px250px;padding:15px25px;height:inherit;width:590px;}

复制代码

扫瞄器撑持：

• Firefox(3.05+…)
  
• GoogleChrome(1.0.154+…)
  
• GoogleChrome(2.0.156+…)
  
• InternetExplorer(IE7,IE8RC1)
  
• Opera(9.6+…)
  
• Safari(3.2.1+windows…)
  

为了在CSS3中使用多背景图片，我们利用都好离隔，比方：
background:url(image_1.extention)toprightno-repeat,url(image_2.extention)bottomrightno-repeat;
我们能够在一行代码中实验安排多个分歧的图片…
多背景图

登录/注册后可看大图

1. #backgroundMultiple{border:5pxsolid#9e9aab;background:url(image_1.extention)topleftno-repeat,url(image_2.extention)bottomleftno-repeat,url(image_3.extention)bottomrightno-repeat;padding:15px25px;height:inherit;width:590px;}

复制代码

扫瞄器撑持：

• Firefox(3.05+…)
  
• GoogleChrome(1.0.154+…)
  
• GoogleChrome(2.0.156+…)
  
• InternetExplorer(IE7,IE8RC1)
  
• Opera(9.6+…)
  
• Safari(3.2.1+windows…)
  

一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。