CSS渐变的巧妙使用可以实现很多非常漂亮的效果，今天我们一起分享一个利用渐变属性制作的地板纹理效果，如下图：
工具/原料
1
Sublime编辑器
2
HTML+CSS
方法/步骤
1
输入一对
标签，为其设置基础样式，代码和效果如下图所示：
2
继续编写第一层“径向渐变”，这里要注意渐变关键词closest-side和渐变位置的设置，具体代救驼码和预览效果如下图所示：
3
在第二步的基础上，再为其添加层代码相同的渐变，这时预览时会发现颜色变深了，代码和低诉忌预览效果如下图所示：
5
找开浏览器，看一下效果吧。是不是很漂亮？动手试试吧！ 仗阅
注意事项
1
本效果的基本实现原理就是为元素添加两层渐变，然后调整其中一层的位置实现的
2
注意CSS多层渐变的添加方式及调整的格式
上一篇：Ps篮球场悬浮拼装地板效果
下一篇：5类＂莓＂水果功效
推荐信息
- 1
巧用CSS渐变制作地板纹理效果
- 2
怎样挑选搅拌用的杯子
- 3
脸上有红血丝如何护理
- 4
微波炉马克杯披萨
- 5
用PS制作动漫马克杯
- 6
马克杯迷你披萨
- 7
教你如何利用马克杯来亮肤
- 8
PS怎样合成创意马克杯
- 9
单双层马克杯怎么辨别
- 10
你有多久没有换包包了？
- 11
春季如何选择包包 身材影响包包选择
- 12
今日技术贴，旅行达人手把手教你如何打包旅行箱
- 13
旅行打包技巧
- 14
旅行箱打包技巧
- 15
旅行箱的打包技巧
- 16
跟团是台湾旅游是带行李箱还是带旅行包呢？
- 17
明日之后如何购买棕色旅行包？
- 18
旅行箱包保养和养护方法
- 19
如何选择户外登山包
- 20
不一样类型的旅行应该选择不同的旅行箱包
- 21
汽车地毯进水发霉了怎么办