CSS渐变的巧妙使用可以实现很多非常漂亮的效果，今天我们一起分享一个利用渐变属性制作的地板纹理效果，如下图：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输入一对
标签，为其设置基础样式，代码和效果如下图所示：
2
继续编写第一层“径向渐变”，这里要注意渐变关键词closest-side和渐变位置的设置，具体代救驼码和预览效果如下图所示：
3
在第二步的基础上，再为其添加层代码相同的渐变，这时预览时会发现颜色变深了，代码和低诉忌预览效果如下图所示：
5
找开浏览器，看一下效果吧。是不是很漂亮？动手试试吧！ 仗阅
注意事项
1
本效果的基本实现原理就是为元素添加两层渐变，然后调整其中一层的位置实现的
2
注意CSS多层渐变的添加方式及调整的格式
上一篇：Ps篮球场悬浮拼装地板效果
下一篇：5类＂莓＂水果功效
推荐信息
- 1
巧用CSS渐变制作地板纹理效果
- 2
如何更换WORD背景？
- 3
WORD文档如何填充背景？
- 4
在wps的ppt中如何制作黑白条纹间隔的背景？
- 5
word的office背景怎么更改
- 6
如何做ppt背景?
- 7
wps怎么设置ppt背景
- 8
如何更换ppt母版背景
- 9
如何在WPS设置文档背景
- 10
wps演示文稿怎么设置背景
- 11
如何把简历封面插入word成为背景呢？
- 12
PPT母版背景如何更换
- 13
乐晒带你玩转神奇光印术：[8]水洗牛皮纸书签
- 14
ppt背景设置的步骤，wps的
- 15
如何给Wps添加文档背景
- 16
牛皮纸复合胶水的选用指南
- 17
牛皮纸胶粘带的构成
- 18
如何在wps中修改文档背景？
- 19
牛皮纸张入库注意事项，原纸质量检测方法
- 20
出口贸易进口牛皮纸检测相关注意事项
- 21
印刷牛皮纸哪种纸质好