当前位置:首页 » 风景景观 » html设置背景色

html设置背景色

发布时间: 2020-11-22 15:44:27

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

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

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

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

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

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

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

Ⅱ 如何在html中设置网页背景颜色

<html><head></head><body>
<div style="background-color:red;height:100px"></div>
<div style="background-color:blue;height:200px"></div>

</body></html>

颜色自己调,可以用取色器查看颜色,例如background-color:#789999; 如果需要加边框可以用border属性

<html><head></head><body>
<div>
<div style="float:left;height:100px;width:50%;background-color:green;"></div>
<div style="float:left;height:100px;width:50%;background-color:red;"></div>
</div>
<div style="background-color:blue;height:200px;clear:both;"></div>

</div></div></body></html>

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

Ⅲ HTML如何给背景颜色设置透明度

(1)创建一个来html文件。如图

Ⅳ HTML如何给背景颜色设置透明度

为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高
和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,
透明度参数越小透明度越高。
#test-1,#test-2,#test-3{
width:300px;
height:200px;
line-height:200px;
text-align:center;
display:inline-block;
margin-left:50px;
color:#FFF;
}

#test-1{
background-color:rgba(0,0,0,1);
}
#test-2{
background-color:rgba(0,0,0,0.5);
}
#test-3{
background-color:rgba(0,0,0,0.2);
}

Ⅳ html中如何设置各级标题的字体颜色大小背景颜色 急求!!!

假如:h1标题。
h1{
background:#f00;/*背景颜色红色*/
font-size:18px;/*字体大小18px*/
color:#000;/*字体颜色黑色*/
}
自己可以尝试一下,也可以继续追问。

Ⅵ HTML语言中,设置背景颜色的代码是

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

  • 图为碧色、蓝色、绿色HTML颜色代码表

Ⅶ html怎样设置字体的背景颜色

方法有很多~建议多看看相关教程!

最简单的设置背景颜色:
找到<body>标记,在里面打个空格输入bgcolor="这里写颜色的英文,也可以是16进制,如"#0099FF".
想插背景图片输background="这里是图片地址"
若要改文字颜色.在文字两端加<font>标记,在里面输入color="写英文或16进制,同上!"
整体效果:
<font color="#0099FF" size="1">这里是文字</font> //后面的size控制字体大小

若想用样式控制,全部代码如下:
<html>
<head>
<title></title>
<style type="text/css"> //这里是CSS样式声明
<!-- //这是防止浏览器无法识别用的!不用管
body {
background-color: #0033FF;
} //背景颜色样式,采用标签选择符样式

.font{color: #33CC00}
//字体颜色样式,采用类选择符样式,用class 调用
-->
</style>
</head>
<body> //这里调用标签选择符样式
<span class="font">字体的颜色</span> //这里调用类选择符样式
</body>
</html>

Ⅷ 在html文件中设置背景颜色为什么显示不出来

首先确定要使用的背景颜色,HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.php.cn/html/html-colornames.html,就能查看所有颜色的代码,并且在“HEX”部分中选择要使用的基色。

使用Notepad++或Notepad打开HTML文件,并且把页面的所有样式信息(包括背景颜色)添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入,如下:

<bodybgcolor="red">背景红色

或者

body{

background-color:red

}

(8)html设置背景色扩展阅读

可以使用“background-color”来定义其他元素的背景,例如标题,段落等。例如,要将背景颜色应用于主标题(<h1>)或段落(<p>)。制作渐变时,需要两条信息起点和角度,以及渐变之间过渡的颜色。可以选择多种颜色以使渐变在所有颜色之间移动,并且可以设置渐变的方向或角度。

属性:背景:线性梯度(方向/角度,颜色1,颜色2,颜色3,等);

制作垂直渐变的时候,如果未指定方向,则渐变将从上到下要创建渐变,要在<style></style>标记之间添加以下代码:

html{

min-height:100%;

}

body{

background:-webkit-linear-gradient(left,#93B874,#C9DCB9);

background:-o-linear-gradient(right,#93B874,#C9DCB9);

background:-moz-linear-gradient(right,#93B874,#C9DCB9);

Ⅸ html怎么设置模块背景

很简单:

<bodystyle="background-color:#000;color:#000;margin:0px;"><!--设置BODY背景颜色我黑色,字体颜色也是黑色,这个时候在里面鞋子肯定啥也看不见!-->
<divstyle="margin:auto;background-color:#FFF;width:960px;height:100%;"><!--建立一个DIV,先居中,然后设置背景颜色为白色,宽度为960px;高度为100%,然后在里面写字就能看见了-->

完整代码:

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>无标题文档</title>
</head>
<bodystyle="background-color:#000;color:#000;margin:0px;">
<divstyle="margin:auto;background-color:#FFF;width:960px;height:100%;">
我是演示文本!!!
</div>
</body>
</html>

Ⅹ html网页制作,如何设置网页背景色

  1. 首先打开电脑上自带的记事本程序,然后输入html网页基本结构语句。<html><body></body></html>

  2. 我们可以发现代码中两个同样的<p>标签显示的css样式却不同,区别就在于样式中定义的p.no2,这就是正文代码中class="no2"的优势所在,可以定义个性风格。

热点内容
一部国外电影,一个老男人骑个摩托车 发布:2024-08-19 09:13:10 浏览:920
脖子上有睾丸是什么电影 发布:2024-08-19 09:03:17 浏览:374
变形金刚撒谁家的 发布:2024-08-19 08:43:06 浏览:478
美国男电影双胞胎 发布:2024-08-19 08:42:20 浏览:764
黑人橄榄球少年收养电影 发布:2024-08-19 08:25:26 浏览:918
夏目哉大片 发布:2024-08-19 08:09:22 浏览:806
他第一部出演的电视剧是,的英语 发布:2024-08-19 08:07:54 浏览:654
电影检索 发布:2024-08-19 07:48:52 浏览:198
谁有视频 发布:2024-08-19 07:41:55 浏览:141
成龙香港鬼片电影大全 发布:2024-08-19 07:39:46 浏览:223