怎么设置整个html的背景颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么设置整个html的背景颜色相关的知识,希望对你有一定的参考价值。

    设置背景颜色,只要改变body的bgcolor属性,不过要注意颜色与文本颜色的搭配不然太难看。

2.设置html网页的背景图片得用background属性,注意文件路径如果和网页在一个文件夹内只要写图片名字,不然请写全。如果图片小于网页显示窗口,会自动重复添加。

如果要在网页中插入图片,则得调用<img src="URL">。

3.如果要设置图片大小,只要改变width和height属性即可。

4.默认的文字图像的排列是文字靠下,因此为了美观我们要修改文字与图片的位置。

参考技术A

想要设置HTML的背景颜色,只要改变body的bgcolor属性就可以,

不过要注意颜色与文本颜色的搭配不然太难看了;

还可以设置背景为图片样式的,需要用到background属性,

注意文件路径如果和网页在一个文件夹内只要写图片名字,不然请写全。

如果图片小于网页显示窗口,会自动重复添加。

如果要在网页中插入图片,则得调用<img src="URL">。

建议大家先了解一下div/CSS布局,同一种布局有不同的实现方式。

参考技术B HTML语言中,设置背景颜色的代码是background-color,语法格式为background-color:transparent | color,背景属性的颜色值设定方法可以采用英文单词、十六进制、RGB、HSL、HSLA和GRBA。

英文单词颜色值:background-color:Blue;

十六进制颜色值:background-color:#FFFFFF;

RGB颜色值三元数字:background-color:rgb(255,255,255)
RGB颜色值三元百分比:background-color:rgb(100%,100%,100%)本回答被提问者采纳
参考技术C 在css文件中加入 body background:#666666

html背景图片和背景颜色可以共存吗?

我想达到这样的效果,背景图片居中,剩余背景部分是黑色的,怎么办呢

可以,可以这样写例如:background:url(../images/1.jpg) no-repeat top center #000;no-repeat是不平铺,top让你的背景图片置顶, center是背景图居中,而#000就是你的背景颜色了。 参考技术A <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>
<body style=" background:url(psb.jpg) top center no-repeat #000">
</body>
</html>

浏览结果:

本回答被提问者和网友采纳
参考技术B 背景图片和背景颜色是可以共存的。
background:#000 url(img/img.jpg) center top no-repeat;
参考技术C 楼上的按照w3c标准些css吧
background-image:url("images/image.jpg") no-repeat center center;background-color:#000;
这样就行。第一是背景图片 不重复平铺 左右居中 上下居中 第二句背景色黑色
参考技术D 可以, 你可以这样写
.bgcolorbackground:url("images/image.jpg") no-repeat top #999;
top是给图片定位的 当然你也可以改成left、right或者bottom

以上是关于怎么设置整个html的背景颜色的主要内容,如果未能解决你的问题,请参考以下文章

CSS怎么设置让背景颜色透明,而文字不透明

HTML的表格怎么设置颜色啊!~

用CSS怎么设置网页的背景色

怎么设置Visual Studio代码窗口背景颜色

Android怎么动态更改actionbar的背景颜色

word表格背景颜色设置 word表格如何设置背景颜色