CSS下背景属性background的使用方法

2020-05-11 08:08:58易采站长站整理

    }

背景附着属性(background-attachment)

    这个属性依然要跟随background-image后面使用,它决定背景图片是跟随内容滚动,还是固定不动,它有两个属性值:
    scroll(默认值,背景图片跟随内容滚动。)
    fixed(背景图片固定,不跟随内容滚动。)

示例:

.para6   {

background-image:url(../images/background.jpg);

background-position:50% 20% ;

background-repeat:no-repeat;

background-attachment:fixed;

}

背景属性(background)

    和前几篇文章中提到的font属性使用方法一样,background也是综合缩写,书写顺序:

  background:background-color background-image background-repeat background-attachment background-position;

示例:

.para7   {

background:#000000 url(../images/background.jpg);

}

.para8   {

background:url(../images/background.jpg) repeat fixed left top;

}

    在网页的实际制作过程中,还需要注意网页的背景颜色和背景图片设置的许多细节问题,需要在实际应用中细心体会和钻研,以后我们再慢慢分析。