修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)
答案:4 悬赏:80 手机版
解决时间 2021-12-03 05:41
- 提问者网友:你独家记忆
- 2021-12-02 07:56
修改一下CSS,帮我把网页居左显示或者让网页有背景(纯颜色的即可)
最佳答案
- 五星知识达人网友:慢性怪人
- 2021-12-02 09:20
概述: 你网页现有的内容 。这行代码能解决你的问题,将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;};否则,可以加一个层将它们全部包含起来: ..... 。将你网页的所有内容都放在这个中即可,是蓝色背景,你可以将BLUE换成你想要的颜色。
2、关于你的问题:纯颜色背景,你已经设置好了,就在body{background:#fff}里,为白色。由于你设置了背景图片,将它覆盖了,所以你看不到。如果你删除背景图片,就能看到纯白色的背景了。
3、关于1400像素的浏览器,两边空出来的问题,你可以设置一个函数,将他们利用起来。如:
....
...
... 本段代码的意思是:打开该网页时,加载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;};否则,可以加一个层将它们全部包含起来: ..... 。将你网页的所有内容都放在这个中即可,是蓝色背景,你可以将BLUE换成你想要的颜色。
2、关于你的问题:纯颜色背景,你已经设置好了,就在body{background:#fff}里,为白色。由于你设置了背景图片,将它覆盖了,所以你看不到。如果你删除背景图片,就能看到纯白色的背景了。
3、关于1400像素的浏览器,两边空出来的问题,你可以设置一个函数,将他们利用起来。如:
....
...
... 本段代码的意思是:打开该网页时,加载liangbian()函数,检查屏幕宽度,如果是1400像素,就。。。 注意:body中的颜色即为浏览器的背景色,你所说的网页背景色其实就是你网页总容器的背景色——如果网页所有内容都被包含在TABLE中,就是这个table的背景色;如果都被包含在一个DIV中,就是这个DIV的背景色。
全部回答
- 1楼网友:行雁书
- 2021-12-02 12:44
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楼网友:低血压的长颈鹿
- 2021-12-02 12:11
给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”就是全黑色
- 3楼网友:第幾種人
- 2021-12-02 10:39
你css比较烦琐,给你简化了一下.背景图片不显示,是你的路径不对
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯