365体育备用网址报道CSS3 背景_365体育备用网址官网资讯

CSS3 背景

CSS3 包含多个新的背景属性,它们提供了对背景更强大的操纵。

在本章,您将学到以下背景属性:

  • background-size
  • background-origin

您也将学到如何使用多重背景澳门赌场百家乐技巧玩法。

扫瞄器撑腰

属性 扫瞄器撑腰
background-size
background-origin

Internet Explorer 9+、Firefox、Chrome、Safari 以及 Opera 撑腰新的背景属性。

CSS3 background-size 属性

background-size 属性规定背景澳门赌场百家乐技巧玩法的尺寸。

在 CSS3 之前,背景澳门赌场百家乐技巧玩法的尺寸是由澳门赌场百家乐技巧玩法的实际尺寸决议的。在 CSS3 中,能够规定背景澳门赌场百家乐技巧玩法的尺寸,这就同意我们在不同的环境中反复使用背景澳门赌场百家乐技巧玩法。

您能够以像素或百分比规定尺寸。如果以百分比规定尺寸,那么尺寸相对于父元素的宽度和高度。

例子 1

调整背景澳门赌场百家乐技巧玩法的大小:

div
{
background:url(/XjLqE0bDYlbVTNbSYDqNRjjH.jpg);
-moz-background-size:63px 100px; /* 老版本的 Firefox */
background-size:63px 100px;
background-repeat:no-repeat;
}

HTML/diy_html.PHP?filename=css3_background-size">亲自试一试

例子 2

对背景澳门赌场百家乐技巧玩法进行拉伸,使其完成填充内容区域:

div
{
background:url(/XjLqE0bDYlbVTNbSYDqNRjjH.jpg);
-moz-background-size:40% 100%; /* 老版本的 Firefox */
background-size:40% 100%;
background-repeat:no-repeat;
}

亲自试一试

CSS3 background-origin 属性

background-origin 属性规定背景澳门赌场百家乐技巧玩法的定位区域。

背景澳门赌场百家乐技巧玩法能够放置于 content-box、padding-box 或 border-box 区域。

背景澳门赌场百家乐技巧玩法的定位区域

实例

在 content-box 中定位背景澳门赌场百家乐技巧玩法:

div
{
background:url(/XjLqE0bDYlbVTNbSYDqNRjjH.jpg);
background-repeat:no-repeat;
background-size:100% 100%;
-webkit-background-origin:content-box; /* Safari */
background-origin:content-box;
}

亲自试一试

CSS3 多重背景澳门赌场百家乐技巧玩法

CSS3 同意您为元素使用多个背景图像。

实例

为 body 元素设置两幅背景澳门赌场百家乐技巧玩法:

body
{ 
background-image:url(/XjLqE0bDYlbVTNbSYDqNRjjH.jpg),url(/XjLqE0bDYlbVTNbSYDpkExfIVEZ.jpg);
}

亲自试一试

新的背景属性

属性 描述 CSS
background-clip 规定背景的绘制区域。 3
background-origin 规定背景澳门赌场百家乐技巧玩法的定位区域。 3
background-size 规定背景澳门赌场百家乐技巧玩法的尺寸。 3
------分隔线----------------------------

公布评论 (123人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换澳门赌场百家乐技巧玩法
最新评论