平面设计渐变构成图片 怎么在网页上添加渐变的颜色作为网页背景?
浏览量:1136
时间:2021-04-04 06:13:22
作者:admin
怎么在网页上添加渐变的颜色作为网页背景?
1、打开编辑器,新建一个HTML,并定义一个div,并给50px的高度:
2、接下来在style中设置div的样式,这里使用linear-gradient()编写一个默认方向的红蓝渐变,渐变的方向可以省略的:
3、如果想设置渐变方向为从右至左,只需要给linear-gradient加一个“to left”属性就可以了:
4、保存文件查看生成的指定方向的渐变,可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤:
UI设计中如何把渐变色用好?
渐变色的设计做好了还是很高端的,但是如果用不好就会很脏,建议去多去看一下网站上的渐变色的图,自己学着画一下,一般渐变颜色都不能反差太大,不然很容易不协调,只有多练多看,才能提升自己,希望对你有帮助!
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
上一篇
日程安排手机网站源码 源码网