比来新进修了css 的渐变常识,固然还没有完全搞懂,可是发现用线性渐变却可以做出不错的布景结果,所以这里分享这个不错的线性渐变事例;

东西/原料
- 电脑
- Sublime text 2
方式/步调
- 1
架构很是简单就是一个页面中有一个div,我们用一个div来实现节制布景色,之后在在div实现上布景色渐变;
- 2
这里先节制一下 div 的根基样式,
宽度, 高度,边框,节制一下文字的位置,文字巨细,还有div在页面中的位置;
- 3
这里的 color:white;
是为了将字体变为 白色 ,算是为了将文字可以闪现出来,算是做颜色的对比;
- 4
background:linear-gradient(to right,white, 。。。,white)。
关头的属性设置,显示设置的颜色之间的过度;如图二
to right,渐变从左边起头;
- 5
然后我们在添加几个颜色代码,记得代码之间要用 逗号 分隔;
purple ,紫色
#0000ff,深蓝 #00ffff ,浅蓝 green,绿色;
如许一个比力花哨的布景就完当作了...
注重事项
- 仅作分享;
来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!
本文链接:https://www.ibaiwen.com/web/239874.html
- 上一篇: 电脑 Word怎样输入现成的简单公式
- 下一篇: 如何用cad画小猪佩奇
- 热门文章
-
WB蒙特利尔(WB Montreal)——欧美十大最差视频游戏开发商
迅猛龙(Velociraptor)——欧美史前十大死亡动物
什么是果酱猫(What Marmalade Cats)?
神奇蜘蛛侠2(The Amazing Spider-Man 2)——欧美最佳蜘蛛侠电影
希瑟(Heather)——欧美十大最佳柯南灰歌
二人梭哈
faceu激萌怎么把瘦脸开到最大
奥兹奥斯本(Ozzy Osbourne)——欧美十大高估歌手
什么是小脑前下动脉(Anterior Inferior Cerebellar Artery)?
我应该知道康涅狄格州的什么(What Should I Know About Connecticut)?
- 热评文章
- 最新评论
-
- 最近访客
-
- 站点信息
-
- 文章总数:200248
- 页面总数:9
- 分类总数:1
- 标签总数:0
- 评论总数:0
- 浏览总数:497