
1、创建一个html文件;
2、在html文件找到一个<body>标签,在这个标签里创建一个<div>标签并添加一个类,在这把这个类设置为:rgba;
3、为div添加样式。在<title>标签后面创建一个<style>,在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数,取值在0~1之间,不可为负值,透明度参数越小透明度越高;
4、保存后使用浏览器查看。可以看到当透明度为由01修改为1时div背景由灰色变为了黑色;
5、所有代码。可以把所有代码复制到新建的html文件上,保存好后使用浏览器打开借口看到效果。
一、设置字体的颜色
直接用font语句对字体颜色进行设置即可,具体命令如下所示:
设置“我是红色”为红色字体,输入命令如下:
<p><font color="red">我是红色</font></p>
更改上述命令中的color颜色即可更改字体颜色
二、设置字体的背景颜色
设置背景颜色为00FF66,输入命令如下:
<body bgcolor="00FF66">
更改上述命令中的bgcolor即可更改背景颜色
参考资料
HTML中基本元素基本设置CSDN[引用时间2018-1-9]
想要设置HTML的背景颜色,只要改变body的bgcolor属性就可以,
不过要注意颜色与文本颜色的搭配不然太难看了;
还可以设置背景为样式的,需要用到background属性,
注意文件路径如果和网页在一个文件夹内只要写名字,不然请写全。
如果小于网页显示窗口,会自动重复添加。
如果要在网页中插入,则得调用<img src="URL">。
建议大家先了解一下div/CSS布局,同一种布局有不同的实现方式。
<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语言中,设置背景颜色的代码是background-color,语法格式为{background-color:transparent | color},背景属性的颜色值设定方法可以采用英文单词、十六进制、RGB、HSL、HSLA和GRBA。
图为碧色、蓝色、绿色HTML颜色代码表
图为绿色、、橙色HTML颜色代码表
图为深红色、棕色、深紫色HTML颜色代码表
html中将背景颜色渐变步骤如下:
1、先使用一个div标签。
2、然后在header标签里面设置<div>标签的css样式。
3、颜色渐变要有一个范围,需要给div设定width和height,也就是宽度和高度。
4、然后设定div的background背景属性,如图所示,背景颜色渐变就用到-webkit-linear-gradient。
5、接着,在-webkit-linear-gradient里面写top,设定渐变从顶部开始,到底部结束。
6、再设定颜色的渐变顺序,比如我设置了从白色渐变到蓝色。
7、做完这些之后,div背景渐变就成功了。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)