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
那些是既好看又好打理的发型
- 9
什么事胶原蛋白？
- 10
怎么用电吹风打造完美三七分发型
- 11
你是否真正了解胶原蛋白，如何补充胶原蛋白？
- 12
补充胶原蛋白的三种方式比对
- 13
5种急需补充胶原蛋白的女人
- 14
8种人最需要补充胶原蛋白
- 15
含有胶原蛋白的食物有哪些
- 16
吃什么补胶原蛋白？能够补充胶原蛋白的6种食物
- 17
怎么梳三七分
- 18
胶原蛋白可以美白
- 19
吃什么能补充胶原蛋白
- 20
多吃这10种食物，满脸的胶原蛋白越来越有女人味
- 21
胶原蛋白7大秘诀教你辨别