一:设定背景色
准备编辑HTML
首先确定要使用的背景颜色。 HTML的颜色由每个代码决定。 在计算机的Web浏览器中访问http://www.PHP.cn/html/html-colornames.html,可以查看所有颜色的代码并选择要在HEX部分中使用的基本颜色。
2 .使用notepad或notepad打开HTML文件,并添加包含背景颜色的页面的所有样式信息。 将“背景颜色”属性添加到“主体”元素中。 背景颜色在主体括号之间键入以下内容:
背景红色
或者
body{
背景颜色: red
}
html如何设置背景颜色? 我用两种方法告诉你
3 .可以使用" background-color "定义其他元素的背景,如标题、段落等。 例如,主标题可以包含背景色(
或段落()。
2 :创建渐变背景
1 .创建渐变时,需要两个信息的起点和角度,以及渐变之间的过渡颜色。 可以选择多种颜色来在所有颜色之间移动渐变,也可以设置渐变的方向和角度。
属性:
背景:线性梯度(方向/角度、颜色1、颜色2、颜色3等);
2 .创建垂直渐变时,如果未指定方向,渐变将从上到下创建渐变。 在标记之间添加以下代码:
html{
最小高度: 100 %;
}
body{
后台:-WebKit-linear-gradient (左,#93B874,#C9DCB9);
ack ground:- o-linear-gradient (轻型,#93B874,#C9DCB9);
后台:-moz-linear-gradient (right,#93B874,#C9DCB9);
背景:线性坡度(右、#93B874、#C9DCB9);
背景色: # 93b 874;
}
当然,也可以向渐变添加方向,以更改颜色偏移的显示方式。 除了添加两种或多种颜色外,还可以在每种颜色之后添加百分比。 也可以为每个颜色段设置所需的间距,以向颜色添加透明度,或使用相同的颜色从颜色淡入天空。 也可以使用此rgba ()函数定义颜色。 结束值决定透明度。 0实体和1透明。