html怎样设定配景色彩？php中文网教你怎样通过编纂HTML来设定网页的配景色彩，但愿对你有一定的帮忙。 html怎样设定配景色彩？ 百分百源码网 教你怎样通过编纂HTML来设定网页的配景色彩，但愿对你有一定的帮忙。

一：设定配景色彩

1.预备编纂HTML

第一肯定要运用的配景色彩，HTML色彩由每个代码决议。在盘算机的Web阅读器中拜访https://www.php1.cn/html/html-colornames.html，就能查看所有色彩的代码，而且在“HEX”局部当选择要运用的基色。

2.运用Notepad ++或Notepad打开HTML文件，而且把页面的所有样式信息（包含配景色彩）增加进来。将“background-color”属性增加到“body”元素。background-color要在body括号之间输入，如下：

配景红色

或者

body { 
    background-color：red
}

3.您可以运用“background-color”来定义其他元素的配景，例如标题，段降等。例如，要将配景色彩利用于主标题（

）或段降（

）。

二：新建渐变配景

1.制作渐变时，我们需要两条信息起点和角度，以及渐变之间过渡的色彩。您可以选中多种色彩以使渐变在所有色彩之间挪移，而且可以设定渐变的标的目的或角度。

属性：

配景：线性梯度（标的目的 /角度，色彩1 ，色彩2 ， 色彩3 ，等）;

2.制作垂直渐变的时候，要是未指定标的目的，则渐变将从上到下要新建渐变，要在标志之间增加下列代码：

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 ）;  
    配景：线性梯度（到右边，＃93B874 ，＃C9DCB9 ）; 
    background-color ：＃93B874 ;  
}

固然也可以向渐变增加标的目的以更改色彩偏移的显示方式，您不仅可以增加两种以上的色彩，还可以在每种色彩之后增加一个百分比。也可以设定每个色彩段所需的间距，为您的色彩增加透亮度，运用雷同的色彩从色彩淡化为空。也可以运用该rgba()函数来定义色彩，完毕值决议透亮度：0实体和1透亮。

以上就是对html怎样设定配景色彩的全部介绍，要是你想理解更多有关HTML视频教程，请关注 百分百源码网 。

以上就是html怎样设定配景色彩？两种办法教会你的细致内容，更多请关注 百分百源码网 其它相干文章！