html添加背景图片自适应,html或css background中能否使背景图片自适应大小？

可以用BACKGROUND-REPEAT属性试试，见下面解释。

6.3. CSS BACKGROUND-REPEAT 属性

BACKGROUND-REPEAT属性是CSS2.1提出的.IE6,FIREFOX1.5,OPERA9支持此属性

BACKGROUND-REPEAT -- 定义背景图片的重复方式

* 取值: REPEAT | REPEAT-X | REPEAT-Y | NO-REPEAT | INHERIT

O REPEAT: 平铺整个页面,左右与上下

O REPEAT-X: 在X轴上平铺,左右

O REPEAT-Y: 在Y轴上平铺,上下

O NO-REPEAT: 图片不重复

O INHERIT: 继承

* 初始值: REPEAT

* 继承性: 否

* 适用于: 所有元素

* BACKGROUND:背景.REPEAT:重复.

* 引用网址:HTTP://WWW.DREAMDU.COM/CSS/PROPERTY_BACKGROUND_REPEAT/

示例

BODY

{

BACKGROUND-IMAGE:URL('LIST-ORANGE.PNG');

BACKGROUND-REPEAT:NO-REPEAT;

}

DIV

{

BACKGROUND-IMAGE:URL('LIST-ORANGE.PNG');

BACKGROUND-REPEAT:REPEAT-Y;

BACKGROUND-POSITION:RIGHT;

}

屏幕左上角显示一个橙色点,DIV的右侧显示一系列橙色点.

CSS BACKGROUND-REPEAT 属性示例

延伸阅读

* CSS教程中的属性取值正则表达式介绍(一)

参考

* CSS2.1 'BACKGROUND-REPEAT'

* CSS3 THE 'BACKGROUND-REPEAT' PROPERTY

◆◆

评论读取中....

请登录后再发表评论!

◆◆

修改失败，请稍后尝试