当前位置:编程学习 > html/css >>

如何更改css代码,使网页两端加上背景色,代码如下

@charset "utf-8"; /*网页整体*/ *{margin:0;padding:0;} img{border:0;} body {color: #000000;font-size: 12px;font-family: Arial; background:url(../images/gray/bg.jpg) repeat-x;}
答案:其实是这样的:
background 属性,可以按顺序设置如下属性:
    * background-color
    * background-image
    * background-repeat
    * background-attachment
    * background-position
所以楼主即要显示背景图片,又要在没有背景图片的地方显示背景色,就可以这样定义:
background:#eee url(../images/gray/bg.jpg) no-repeat 0 0; 这里的#eee 只是一个示例,可以写上你需要的任何颜色值。

  另外 repeat-x  是横向平铺,你把它设置在body里,那么整个网页(横向)都会用这张图铺满,也就不存在两端添加背景色的意义了。所以我给你改了一下用no-repeat

  如果想页面局中,可以把图片定义在一个div中,设它居中显示,在body中使用背景色,就可以满足你的需求了。
其他:background:#FF0000 url(../images/gray/bg.jpg) repeat-x;


这样就行啊!!两端是红色的!!! background:#FF0000 url(../images/gray/bg.jpg) repeat-x; 
都repeat-x了还两端怎么出现颜色。

background:#FF0000 url(../images/gray/bg.jpg) no-repeat; height:必填 weight:必填;

上一个:在dreamweaver cs4.0中,在创建一个css样式后,为什么回车后,建立的文本还是以前那个样式啊。
下一个:HTML、CSS、DIV、PHP、学习流程、方法、技巧

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,