css按钮颜色渐变 css如何设置按钮颜色渐变( 二 ) _数码科技

html5字体渐变色7一：设置背景颜色
1.准备编辑HTML
首先确定要使用的背景颜色，HTML颜色由每个代码决定。在计算机的Web浏览器中访问http://www.php.cn/html/html-colornames.html，就能查看所有颜色的代码，并且在“HEX”部分中选择要使用的基色。
2.使用Notepad++或Notepad打开HTML文件，并且把页面的所有样式信息（包括背景颜色）添加进来。将“background-color”属性添加到“body”元素。background-color要在body括号之间输入，如下：
背景红色
或者
body{
background-color：red
}
html如何设置背景颜色？两种方法教会你
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透明。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h54308.shtml
html文字颜色渐变81启动DW软件，新建一个网页文件，在body中添加一个标签，然后给他一定CSS样式，【width: 300px;height: 200px;background:#ff0000；】我们可以看到填充了背景色为红色。
2然后我们添加线性渐变代码【background: -webkit-linear-gradient(left,#ff5000,#ff9000) no-repeat;】，保存并刷新网页后，可以看到背景色已经是渐变色了。
3我们来分析下这段代码的含义，括号中的【left】代表颜色是从左到有的渐变，两个颜色色值【#ff5000,#ff9000】代表从第一个色值渐变到另一个色值。
4如果是从上到下渐变，只需要把【left】改成【top】就可以了。
5从右向左渐变就是把方向改为【right】
6从下向上相信大家也都明白了吧，改成【bottom】就可以啦。
7如果我们想让渐变色改成45度斜着渐变，就把方向值改为【45deg】就可以咯，45就是45度，举一反三，想要其他的倾斜度渐变直接改数值就可以了哦。