《
CSS3入门教程(5)：背景图片(背景大小和多背景图)》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023320R013.htm
多背景图
懂得了这些，我们开端休会这个特征吧：
最好支持CSS3背景大小的浏览器是Safari和Opera，所以我们只须要使用-o和-webkit前缀。
当初它在CSS3中对背景图片/纹理很器重，我们可以运用多背景图和背景图片尺寸来实现很好的后果。
Tag：背景图片 CSS3 CSS3入门 背景图片 CSS3 CSS3入门
× Firefox(3.05+…) √ Google Chrome(1.0.154+…) √ Google Chrome(2.0.156+…) × Internet Explorer(IE7, IE8 RC1 ) √ Opera(9.6+…) √ Safari(3.2.1+ windows…)
为了在CSS3中利用多背景图片,CSS3入门教程(4)：关于阴影，我们应用都好隔开，例如：
以下是代码片段：
#backgroundSize{
border: 5px solid #bd9ec4;
background:url(image_1.extention) bottom ,CSS3入门教程(3)：边框颜色;right no-repeat;
,CSS3入门教程(2)：边框半径和圆角;-o-background-size: 150px 250px;
-webkit-background-size: 150px 250px;
padding: 15px 25px;
height: inherit;
width: 590px,CSS3入门教程(10)：HSL和HSLA;
}
以下是代码片段：
background: ,CSS3入门教程(1)：CSS3简介;url(image_1.extention) top ,CSS3中背景的四个新的属性;right no-repeat, url(image_2.extention) bottom right no-repeat;
× Firefox(3.05+…) √ Google Chrome(1.0.154+…) √ Google Chrome(2.0.156+…) × Internet Explorer(IE7, IE8 RC1 ) × Opera(9.6+…) √ Safari(3,
CSS3下的渐变文字效果实现.2.1+ windows…)
CSS3的背景图片大小可以写成 background-size:Apx Bpx;
-Apx = x轴(图片宽度)
-Bpx = y轴(图片高度)
阅读器支撑：
咱们能够在一行代码中尝试放置多个不同的图片…
背景大小
以下是代码片断：
#backgroundMultiple{
,
Css3 弹性盒模型;border: 5px solid #9e9aab;
background:url(image_1.extention) top left no-repeat,
url(image_2,
CSS3 VS CSS2大PK.extention) bottom left no-repeat,
,
CSS3 Transition属性详解;url(image_3.extention) bottom right no-repeat;
padding: 15px 25px;
height: inherit;
width: 590px;
}
--> [
网站建设之]CSS3入门教程(5)：背景图片(背景大小跟多背景图)
浏览器支持：
(责任编辑：网站建设)
CSS3入门教程(5)：背景图片(背景大小和多背景图)相关文章