html怎样设定配景色彩?两种办法教会你
一:设定背景色彩
1.预备编纂HTML
第一肯定要使用的背景色彩,HTML色彩由每个代码决议。在运算机的Web阅读器中拜访http://www.php.cn/html/html-colornames.html,就能查看所有色彩的代码,并且在“HEX”部分中选中要使用的基色。
2.使用Notepad ++或Notepad翻开HTML文件,并且把页面的所有样式信息(包罗背景色彩)增加进来。将“background-color”属性增加到“body”元素。background-color要在body括号之间输入,如下:
<body bgcolor="red">背景红色
或者
body { background-color:red }
3.您可以使用“background-color”来定义其他元素的背景,例如标题,段落等。例如,要将背景色彩利用于主标题(<h1>)或段落(<p>)。
二:创立渐变背景
1.制作渐变时,我们需要两条信息起点和角度,乃至渐变之间过渡的色彩。您可以选中多种色彩以使渐变在所有色彩之间移动,并且可以设定渐变的标的目的或角度。
属性:
背景:线性梯度(标的目的 /角度,色彩1 ,色彩2 , 色彩3 ,等);
2.制作垂直渐变的时候,假如未指定标的目的,则渐变将从上到下要创立渐变,要在<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 ); 背景:线性梯度(到右侧,#93B874 ,#C9DCB9 ); background-color :#93B874 ; }
当然也可以向渐变增加标的目的以更换色彩偏移的显示方式,您不仅可以增加两种以上的色彩,还可以在每种色彩之后增加一个百分比。也可以设定每个色彩段所需的间距,为您的色彩增加透亮度,使用雷同的色彩从色彩淡化为空。也可以使用该rgba()函数来定义色彩,完毕值决议透亮度:0实体和1透亮。
以上就是对html怎样设定背景色彩的全部介绍,假如你想理解更多有关HTML视频教程,请关注百分百源码网。
以上就是html怎样设定背景色彩?两种办法教会你的具体内容,更多请关注百分百源码网其它相关文章!