|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
背景图片/纹理有良多种利用体例,经常用于增加网站的最好的终极丑化。如今它在CSS3中被器重,我们能够使用多背景图和背景图片尺寸来完成更完善的效果。
上一篇文章:CSS3教程(4):网页边框和网页笔墨暗影
CSS3的背景图片巨细能够写成background-size:ApxBpx;
-Apx=x轴(图片宽度)
-Bpx=y轴(图片高度)
懂得了这些,我们入手下手体验这个特征吧:
最好撑持CSS3背景巨细的扫瞄器是Safari和Opera,以是我们只必要利用-o和-webkit前缀。
背景巨细
- #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;
我们能够在一行代码中实验安排多个分歧的图片…
多背景图
- #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…)
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。 |
|