CSS渐变的巧妙使用可以实现很多非常漂亮的效果，今天我们一起分享一个利用渐变属性制作的地板纹理效果，如下图：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输入一对
标签，为其设置基础样式，代码和效果如下图所示：
2
继续编写第一层“径向渐变”，这里要注意渐变关键词closest-side和渐变位置的设置，具体代救驼码和预览效果如下图所示：
3
在第二步的基础上，再为其添加层代码相同的渐变，这时预览时会发现颜色变深了，代码和低诉忌预览效果如下图所示：
5
找开浏览器，看一下效果吧。是不是很漂亮？动手试试吧！ 仗阅
注意事项
1
本效果的基本实现原理就是为元素添加两层渐变，然后调整其中一层的位置实现的
2
注意CSS多层渐变的添加方式及调整的格式
上一篇：Ps篮球场悬浮拼装地板效果
下一篇：5类＂莓＂水果功效
推荐信息
- 1
巧用CSS渐变制作地板纹理效果
- 2
如何为孩子进行铅中毒检查
- 3
深海迷航怎么收集铅
- 4
如何排除体内铅
- 5
Soder-Wick®吸锡线的正确使用方法与图解
- 6
如何判断无铅锡膏的环保性
- 7
重金属元素更容易富积在鱼虾的哪个部位
- 8
家中内景的窗帘怎么买和使用
- 9
引起锡渣多的原因有哪些？
- 10
日常生活中，应避免接触哪些含有铅的东西？
- 11
松花蛋上面的花纹是什么物质
- 12
什么情况下必须洗手
- 13
组件腐蚀失效给波峰焊无铅焊锡条的启示与建议
- 14
家居健康常识 有毒塑钢窗的识别方法
- 15
分享高温锡膏与低温锡膏的区别
- 16
如何辨认真假锡箔
- 17
焊锡条及焊锡丝不良现象分析------针孔及气孔
- 18
用有铅锡膏的注意事项
- 19
有铅锡膏在使用时容易出现的问题
- 20
有铅焊锡与无铅焊锡的区别
- 21
瓷砖的挑选方法是什么？