问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

修改一下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白色的背景颜色。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
如何分别真金和仿金首饰 怎样区分真金和仿金首饰呢 小学生新年晚会主持人的串词!!(不要太多)急 大大后天就需要了!!!_百度... 周年晚会策划公司 奥格瑞玛传送门大厅在哪 奥格瑞玛传送门大厅怎么走 锻炼颈椎的几个动作 水多久能结冰 冰能在多长时间内形成 请问水低于0度会结冰吗? 如何防止脱发严重 嘴唇上有黑印用蜜蜡和棉线去除了胡须 我下载的剪影为什么没有特效呢? 将当前页面的背景色为蓝色,应该使用哪一句代码来描述此种设置 苹果手机剪映3.3版本怎么没有动画3D动画立体方动画? html中选中的背景色怎么设置 像图中进入主页 第一个背景就是蓝色,进入关于我们 ,对应的也是蓝色 谁有纯色图片,就是红色,*,蓝色等等那种可以做背景的图。万分感谢。jj_0303@126.com 剪映ipad没有特效 求一张桌面背景图 谁可以提供我一些深蓝色的纯色背景大图? 海参怎么做菜? 海参 有什么 做法 肉片烧海参要怎样制作? 烧海参的步骤是什么? 生炒海参片怎么做? 刘胡兰 性别: 年龄: 生活时代: 家庭成员: 兄弟姊妹排行: 婚姻状态: 特长: 最喜欢的生活: 结婚姊妹钱是什么东西? 两姨姊妹的孩子可以结婚么? 有买泳衣的,这种时尚泳衣, OPPO a11x怎么连不上recci无线耳机? recci怎样转换成中文? 有哪些上世纪40-60年代的夏日泳衣,现在看着也很潮? 《云南虫谷》什么时候在腾讯播出? 盘点2021年央视一套播过的电视剧,【免费高清】在线观看百度网盘资源 《云南虫谷》这部剧是什么时候播出的? 《云南虫谷》这部电视剧,都有哪些看点? 《云南虫谷》电视剧定档时间是什么时候? 《云南虫谷》,播出时间是什么时候? 能不能用QQ号查到她的网易云账号 可不可以通过qq查到网易云账号? 怎么用找网易云账号? 怎么用找网易云账号? 网易云之前的账号怎么找回来 美篇在安卓手机编辑视频下载到本地,怎么找到? 写美篇是哪个app 美篇下载后在哪里 怎样打开微文档美篇之家口号信息采集 华为手机灯怎么开启 怎么把传统的灯改成可链接华为智能灯最好是不要换灯? 华为智能遥控可以遥控灯吗 把食物装在瓷盘里用微波炉加热可以吗? 请问:瓷盘可以放入微波炉中加热食物吗?