CSS渐变的巧妙使用可以实现很多非常漂亮的效果，今天我们一起分享一个利用渐变属性制作的地板纹理效果，如下图：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输入一对
标签，为其设置基础样式，代码和效果如下图所示：
2
继续编写第一层“径向渐变”，这里要注意渐变关键词closest-side和渐变位置的设置，具体代救驼码和预览效果如下图所示：
3
在第二步的基础上，再为其添加层代码相同的渐变，这时预览时会发现颜色变深了，代码和低诉忌预览效果如下图所示：
5
找开浏览器，看一下效果吧。是不是很漂亮？动手试试吧！ 仗阅
注意事项
1
本效果的基本实现原理就是为元素添加两层渐变，然后调整其中一层的位置实现的
2
注意CSS多层渐变的添加方式及调整的格式
上一篇：Ps篮球场悬浮拼装地板效果
下一篇：5类＂莓＂水果功效
推荐信息
- 1
巧用CSS渐变制作地板纹理效果
- 2
夏季旅游攻略
- 3
玫瑰小镇升级攻略
- 4
怎样运营小镇
- 5
珍珠粉可以祛痘去痘印美白吗
- 6
什么是更年期？
- 7
在中国不能不去的最美八个古镇
- 8
【不看后悔】2014世界杯看球攻略，资深球迷奉献
- 9
桥在园林设计中的应用
- 10
工程设计新手经验：[39]景观概念的创意来源
- 11
双眼皮手术过后多久才能化妆呢？
- 12
亚彩园林景观照明设计步骤
- 13
乡村旅游规划设计之方法和途径
- 14
工程设计新手经验：[11]规划的理解
- 15
新加坡旅游签证办理材料
- 16
城市园林设计要与自然相结合
- 17
怎样使自己培养成一个有规划效率高的人？
- 18
旅游前要怎样规划？
- 19
孩子生病了，要不要送幼儿园呢？
- 20
孩子不愿意去幼儿园，入园困难怎么办？
- 21
如何进行职业规划？