2016 - 2024

感恩一路有你

平面设计渐变构成图片 怎么在网页上添加渐变的颜色作为网页背景?

浏览量: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设计中如何把渐变色用好?

渐变色的设计做好了还是很高端的,但是如果用不好就会很脏,建议去多去看一下网站上的渐变色的图,自己学着画一下,一般渐变颜色都不能反差太大,不然很容易不协调,只有多练多看,才能提升自己,希望对你有帮助!




平面设计渐变构成图片 渐变构成设计创意图形 平面设计渐变

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。