修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)_百度...
发布网友
发布时间:2022-04-27 10:07
我来回答
共4个回答
热心网友
时间:2022-05-14 09:23
概述:<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的背景色。
热心网友
时间:2022-05-14 10:41
给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”就是全黑色
热心网友
时间:2022-05-14 12:16
<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比较烦琐,给你简化了一下.背景图片不显示,是你的路径不对
热心网友
时间:2022-05-14 14:07
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白色的背景颜色。