230问答网 > 修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)

修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)

2025-03-03 12:11:28

推荐回答（4个）

回答1：

概述：

你网页现有的内容

。这行代码能解决你的问题,将blue换成你想要的颜色即可。

一、先解释一下你的代码：
* {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
意思：所有元素的边框“内壁”至框内元素的距离均为0px。比如你的鞋内壁到你的脚之间的距离。
优化：*{padding:0px 0px 0px 0px；} 依次为上右下左。
延伸：每个元素的实际宽度或高度=border-width + padding + width。

BODY {FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left}
意思：依次为该页面的字号大小全部为12像素、背景图片为该网页所在文件夹的body.gif文件、背景颜色为白色、背景图片从上到下重复、字的颜色为黑色、字体为Arial、文本左对齐。
代码优化：BODY { BACKGROUND: url(body.gif) #fff repeat-x 50% top; FONT: 12px #000 Arial; TEXT-ALIGN: left}

TABLE {FONT-SIZE: 12px; FONT-FAMILY: Arial}
意思:表格内所有字体为arial、字的大小为12像素。
代码优化：因在body中已有相同声明，故本段代码可以删除。

TD { WORD-BREAK: break-all}
意思：单元格内文本自动换行。没有这句代码，一行字会撑破单元格。

TR {VERTICAL-ALIGN: top}
意思：表格中每行的单元格垂直方向沿顶端对齐。

A:link { COLOR: #000; TEXT-DECORATION: none}
意思：链接的文本颜色为黑色、没有下划线。

A:visited {COLOR: #000; TEXT-DECORATION: none}
意思：点击后的链接文本颜色为黑色、没有下划线。

A:hover {COLOR: #000; TEXT-DECORATION: underline}
意思：当鼠标移动到链接文本时，文本为黑色、有下划线。

IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
意思：图片四周无边框、垂直居中显示。
代码优化：img {border:0px; vertical-align:middle;}

HR {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; BORDER-RIGHT-WIDTH: 0px
}
意思：水平横线的四个边框宽度为0、距离上个元素10像素、水平居中、溢出（即超长部分）不显示、线条颜色为灰色、线条高度为1像素。
延伸：水平横线可以看作一个内部高度为0的长方形。
代码优化： hr {MARGIN: 10px auto; OVERFLOW: hidden; COLOR: #cccccc; HEIGHT: 1px; border:0px；}

UL {LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none}
意思：无序列表的项目前没有标记（如圆点、方框等）、没有图片。

二、回答你的问题
1、让网页居左显示并且有背景色：如果所有元素全部在那个TABLE中，可以:table {align:left;style="background-color:blue"}；否则，可以加一个层将它们全部包含起来：

.....

。将你网页的所有内容都放在这个

中即可，是蓝色背景，你可以将BLUE换成你想要的颜色。

2、关于你的问题：纯颜色背景，你已经设置好了，就在body{background:#fff}里，为白色。由于你设置了背景图片，将它覆盖了，所以你看不到。如果你删除背景图片，就能看到纯白色的背景了。

3、关于1400像素的浏览器，两边空出来的问题，你可以设置一个函数，将他们利用起来。如：

....

...

... 本段代码的意思是：打开该网页时，加载liangbian()函数，检查屏幕宽度，如果是1400像素，就。。。注意：body中的颜色即为浏览器的背景色，你所说的网页背景色其实就是你网页总容器的背景色——如果网页所有内容都被包含在TABLE中，就是这个table的背景色；如果都被包含在一个DIV中，就是这个DIV的背景色。

回答2：

给body写个背景颜色的属性

BODY {
FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}

这个是你CSS原来的BODY，其中的“#fff”就是定义了整个页面的背景颜色为白色，你可以更改数值取得自己想要的背景颜色~ 例如“#000000”就是全黑色

回答3：

你css比较烦琐,给你简化了一下.背景图片不显示,是你的路径不对

回答4：

BODY {
FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}

改这个地方其中的body.gif 是背景图你可以编辑成纯色的作为背景大小没有限制但是不要太大了这样会浪费网页打开时间。把这个 repeat-x 50% top 都去掉因为有这些你的背景图只能在横向平铺，如果没有这个图会显示这个#fff白色的背景颜色。

最新问答

柠檬放卧室有啥作用？

在每个人的生活中，都既有温煦的爱的阳光照耀，也有各种各样的“暴风雨”考验。面临生活的

去肯德基面试的问题,大家来帮我解决一下~````

人生的快乐是什么？

五月天从出道到现在所有歌的歌词

摩托车油箱漏油用AB胶可以补住吗？

若不等式ax2+bx+c＞0的解集为{x|-1＜x＜2}，则不等式2a+bx+c＞b|x|的解集为______

小高层装金刚网纱窗好还是隐形纱窗好

DNF剑魂带什么宠物最好？（现在有售的宠物）

东吴证券更改交易密码