打开html开发工具,新建一个html代码页面
在html代码页面上创建
设置线性渐变。使用linear-gradient对linear类设置背景渐变样式,为了兼容其他浏览器需要对linear-gradient添加兼容浏览器的前缀。css代码:.linear{ width: 500px; height: 100px; font-size: 20px; color: #fff; text-align: center; background: -webkit-linear-gradient(left,red, green, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,red, green, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,red, green, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(left,red, green, blue); /* 标准的语法 */ }
在html代码页面上创建
设置径向渐变。使用linear-gradient对linear类设置背景渐变样式,为了兼容其他浏览器需要对linear-gradient添加兼容浏览器的前缀。css样式代码:.radial{ background: -webkit-radial-gradient(60% 55%, closest-side,green,yellow,black); background: -o-radial-gradient(60% 55%, closest-side,green,yellow,black); background: -moz-radial-gradient(60% 55%, closest-side,green,yellow,black); background: radial-gradient(60% 55%, closest-side,green,yellow,black); }
保存html代码,使用浏览器打开即可看到径向渐变效果。
页面所有代码。可以直接复制所有代码粘贴到新建html页面,保存后使用浏览器打开即可看到效果。所有代码:
- 1
如何使用cs来给屏幕录制视频?
- 2
CSS3背景渐变
- 3
原发性胆汁性肝硬化会有怎样的临床表现
- 4
肝硬化可能出现的症状
- 5
尽完人事在听天命是什么意思
- 6
肝硬化的基础诊断方法
- 7
这些细节可以看出你是否走在肝硬化的道路上?
- 8
肝纤维化和肝硬化的区别是什么?
- 9
从皮肤改变看肝硬化
- 10
肝硬化是什么原因造成的呢
- 11
出现这4个信号可能是肝硬化“来”了,及早发现
- 12
为什么会出现肝硬化?是由什么引起的?
- 13
冬季吊兰冻焉了怎么办
- 14
3种花别着急进屋,阳台冻一冻,花开更旺
- 15
怎样让绿萝叶子变绿
- 16
冻豆角怎么做好
- 17
冰冻比目鱼怎么做好吃
- 18
鲁迅 吃人经典句子是什么
- 19
寒冷冬天怎样预防冻疮
- 20
绿萝冬季养护方法大全
- 21
冰冻鲥鱼怎么做好吃
- 22
绿萝冬天怎么养
