编程语言应用

注册

 

发新话题 回复该主题

7入门编程CSS教程gt [复制链接]

1#

CSS背景图像

background-imag属性指定用作元素背景的图像。

默认情况下,图像会重复,以覆盖整个元素。

实例

页面的背景图像可以像这样设置:

body{background-imag:url("papr.gif");}

实例

本例展示了文本和背景图像的错误组合。文字难以阅读:

body{background-imag:url("bgdsrt.jpg");}

注意:使用背景图像时,请使用不会干扰文本的图像。

还可以为特定元素设置背景图像,例如p元素:

实例

p{background-imag:url("papr.gif");}

CSSbackground-rpat

默认情况下,background-imag属性在水平和垂直方向上都重复图像。

某些图像应只适合水平或垂直方向上重复,否则它们看起来会很奇怪,如下所示:

实例

body{background-imag:url("gradint_bg.png");}

如果上面的图像仅在水平方向重复(background-rpat:rpat-x;),则背景看起来会更好:

实例

body{background-imag:url("gradint_bg.png");background-rpat:rpat-x;}

提示:如需垂直重复图像,请设置background-rpat:rpat-y;

CSSbackground-rpat:no-rpat

background-rpat属性还可指定只显示一次背景图像:

实例

背景图像仅显示一次:

body{background-imag:url("tr.png");background-rpat:no-rpat;}

在上例中,背景图像与文本放置在同一位置。我们想要更改图像的位置,以免图像过多干扰文本。

CSSbackground-position

background-position属性用于指定背景图像的位置。

实例

把背景图片放在右上角:

body{background-imag:url("tr.png");background-rpat:no-rpat;background-position:righttop;}

分享 转发
TOP
发新话题 回复该主题