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
视觉陈列焦点IP点
- 9
如何与别人拉家常
- 10
怎样使得批评更有效？
- 11
女大学生应该做的五件事
- 12
婚后妻子不想老公外出打工怎么办
- 13
简历容易被忽略五大错误！
- 14
早晨起来做这样几件事会让你一天精神百倍
- 15
怎样做一个负责任的人？
- 16
HPV16高危阳性转阴，并成功受孕的全过程
- 17
如何积德行善，改变命运？
- 18
如何学会与人打交道
- 19
用反而造句子
- 20
怎样加入当地家政群
- 21
关于雷锋的事迹