比来新进修了css 的渐变常识 ， 固然还没有完全搞懂 ， 可是发现用线性渐变却可以做出不错的布景结果 ， 所以这里分享这个不错的线性渐变事例；
文章插图
需要这些哦
电脑
Sublime text 2
方式/
1架构很是简单就是一个页面中有一个div ， 我们用一个div来实现节制布景色 ， 之后在在div实现上布景色渐变；
文章插图
文章插图
2这里先节制一下 div 的根基样式 ，
【css 线性渐变事例分享】宽度 ， 高度 ， 边框 ， 节制一下文字的位置 ， 文字大小 ， 还有div在页面中的位置；
文章插图
文章插图
3这里的 color：white；
是为了将字体变为 白色 ， 算是为了将文字可以闪现出来 ， 算是做颜色的对比；
文章插图
文章插图
4background：linear-gradient（to right ， white ， 。 。 。 ， white） 。
关头的属性设置 ， 显示设置的颜色之间的过度；如图二
to right ， 渐变从左边起头；
文章插图
文章插图
5然后我们在添加几个颜色代码 ， 记得代码之间要用 逗号 分隔；
purple ， 紫色
#0000ff,深蓝 #00ffff ， 浅蓝 green ， 绿色；
如许一个比力花哨的布景就完当作了...
文章插图
文章插图
注重事项仅作分享；
以上内容就是css 线性渐变事例分享的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 如何用CSS3实现奥运五环特效
- ps中怎样对图形进行渐变的颜色填充
- ps字体怎么渐变
- 用 css 控制网格自动分布布局事例分享
- CSS颜色的定义和几种用法详解
- AutoCad 2007中，设置线性比例
- 如何使用html的无序列表ul和css完成导航栏
- 关于css3彩色的边框阴影事例分享
- 如何用CSS实现DIV块的阴影效果
- CSS怎样设置div布局居中，但是里面的内容不居中