CSS渐变的巧妙使用可以实现很多非常漂亮的效果，今天我们一起分享一个利用渐变属性制作的地板纹理效果，如下图：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输入一对
标签，为其设置基础样式，代码和效果如下图所示：
2
继续编写第一层“径向渐变”，这里要注意渐变关键词closest-side和渐变位置的设置，具体代救驼码和预览效果如下图所示：
3
在第二步的基础上，再为其添加层代码相同的渐变，这时预览时会发现颜色变深了，代码和低诉忌预览效果如下图所示：
5
找开浏览器，看一下效果吧。是不是很漂亮？动手试试吧！ 仗阅
注意事项
1
本效果的基本实现原理就是为元素添加两层渐变，然后调整其中一层的位置实现的
2
注意CSS多层渐变的添加方式及调整的格式
上一篇：Ps篮球场悬浮拼装地板效果
下一篇：5类＂莓＂水果功效
推荐信息
- 1
巧用CSS渐变制作地板纹理效果
- 2
机器上的静电怎么消除？
- 3
怎样减少静电对主板的损害
- 4
如何除去数码产品的静电？
- 5
机房静电的解决方法
- 6
戴尔g15静电如何彻底解决
- 7
电脑机箱有静电怎么办
- 8
台式电脑静电怎么解决
- 9
电脑没有地线怎么消除静电
- 10
消除电脑静电
- 11
巧除电脑静电
- 12
如何从网上下载所需的视频
- 13
qq照片墙怎么设置
- 14
如何下载网页视频——下载视频的方法
- 15
怎样下载网页视频
- 16
如何在第一视频教程网下载教学视频
- 17
怎样下载网上的视频（能看就能下）
- 18
什么是GIF，以及如何使用它们？
- 19
如何利用会声会影制作动态雪景
- 20
最全网页视频下载方法合集4-在线解析法真相
- 21
怎么搜集和免费下载普通话视频教程资料