修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)
现在网页时居中显示的，请帮我改一下让网页居左显示；以下是CSS代码，因为我也不知道改哪里就都复制过来了，一共是4个CSS文件，应该是修改这个吧，如果不是修改这个，我再把那...
现在网页时居中显示的，请帮我改一下让网页居左显示；以下是CSS代码，因为我也不知道改哪里就都复制过来了，一共是4个CSS文件，应该是修改这个吧，如果不是修改这个，我再把那几个也复制过来
* {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
TABLE {
FONT-SIZE: 12px; FONT-FAMILY: Arial
}
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
}
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
}
UL {
LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
或者让网页有背景色也行啊，就是比如说在设计网页的时候框架是900像素的，但1400像素的浏览器在浏览这个页面的时候，两侧就会各空出250像素地空白，怎样能让这部分显示纯颜色背景呢？ 我指的不是网页本身的背景颜色，而是由于和浏览器像素不同空出来的部分的背景颜色 展开
* {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
FONT-SIZE: 12px; BACKGROUND: url(body.gif) #fff repeat-x 50% top; COLOR: #000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
TABLE {
FONT-SIZE: 12px; FONT-FAMILY: Arial
}
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
}
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
}
UL {
LIST-STYLE-IMAGE: none; LIST-STYLE-TYPE: none
或者让网页有背景色也行啊，就是比如说在设计网页的时候框架是900像素的，但1400像素的浏览器在浏览这个页面的时候，两侧就会各空出250像素地空白，怎样能让这部分显示纯颜色背景呢？ 我指的不是网页本身的背景颜色，而是由于和浏览器像素不同空出来的部分的背景颜色 展开
4个回答
展开全部
概述：<body><div align:left;style="background-color:blue"> 你网页现有的内容 </div></body>。这行代码能解决你的问题,将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"}；否则，可以加一个层将它们全部包含起来：<body><div align:left;background-color:blue> ..... </div></body>。将你网页的所有内容都放在这个<div></div>中即可，是蓝色背景，你可以将BLUE换成你想要的颜色。
2、关于你的问题：纯颜色背景，你已经设置好了，就在body{background:#fff}里，为白色。由于你设置了背景图片，将它覆盖了，所以你看不到。如果你删除背景图片，就能看到纯白色的背景了。
3、关于1400像素的浏览器，两边空出来的问题，你可以设置一个函数，将他们利用起来。如：
<head>
....
<script language=“javascript”>
function liangbian(){
if (screen.width==1400){...}
else
{}
...
}
</script>
...
</head>
<body load="liangbian()">
... 本段代码的意思是：打开该网页时，加载liangbian()函数，检查屏幕宽度，如果是1400像素，就。。。 注意：body中的颜色即为浏览器的背景色，你所说的网页背景色其实就是你网页总容器的背景色——如果网页所有内容都被包含在TABLE中，就是这个table的背景色；如果都被包含在一个DIV中，就是这个DIV的背景色。
一、先解释一下你的代码：
* {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"}；否则，可以加一个层将它们全部包含起来：<body><div align:left;background-color:blue> ..... </div></body>。将你网页的所有内容都放在这个<div></div>中即可，是蓝色背景，你可以将BLUE换成你想要的颜色。
2、关于你的问题：纯颜色背景，你已经设置好了，就在body{background:#fff}里，为白色。由于你设置了背景图片，将它覆盖了，所以你看不到。如果你删除背景图片，就能看到纯白色的背景了。
3、关于1400像素的浏览器，两边空出来的问题，你可以设置一个函数，将他们利用起来。如：
<head>
....
<script language=“javascript”>
function liangbian(){
if (screen.width==1400){...}
else
{}
...
}
</script>
...
</head>
<body load="liangbian()">
... 本段代码的意思是：打开该网页时，加载liangbian()函数，检查屏幕宽度，如果是1400像素，就。。。 注意：body中的颜色即为浏览器的背景色，你所说的网页背景色其实就是你网页总容器的背景色——如果网页所有内容都被包含在TABLE中，就是这个table的背景色；如果都被包含在一个DIV中，就是这个DIV的背景色。
已赞过
已踩过<
你对这个回答的评价是？
展开全部
给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”就是全黑色
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”就是全黑色
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
* {
padding: 0px;
margin: 0px;
}
BODY {
FONT-SIZE: 12px;
BACKGROUND: url(body.gif) #ff6600 repeat-x 50% top; 背景图片和背景色
COLOR: #000;
FONT-FAMILY: Arial;
TEXT-ALIGN: center;
}
TABLE {
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
margin:0 auto;
width:800px;
TEXT-ALIGN: left;
}
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:0;
}
HR {
border:0;
OVERFLOW: hidden;
COLOR: #cccccc;
HEIGHT: 1px;
}
UL {
LIST-STYLE-IMAGE: none;
</style>
你css比较烦琐,给你简化了一下.背景图片不显示,是你的路径不对
* {
padding: 0px;
margin: 0px;
}
BODY {
FONT-SIZE: 12px;
BACKGROUND: url(body.gif) #ff6600 repeat-x 50% top; 背景图片和背景色
COLOR: #000;
FONT-FAMILY: Arial;
TEXT-ALIGN: center;
}
TABLE {
FONT-SIZE: 12px;
FONT-FAMILY: Arial;
margin:0 auto;
width:800px;
TEXT-ALIGN: left;
}
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:0;
}
HR {
border:0;
OVERFLOW: hidden;
COLOR: #cccccc;
HEIGHT: 1px;
}
UL {
LIST-STYLE-IMAGE: none;
</style>
你css比较烦琐,给你简化了一下.背景图片不显示,是你的路径不对
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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白色的背景颜色。
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白色的背景颜色。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
