打开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
每日一琢磨:玄关处有玄机噢
- 12
用哪种方法能帮助玄关挡煞?
- 13
新买的树桩月季怎么养
- 14
茉莉花开完花怎么剪枝图解
- 15
乌龟冬眠椰土用法
- 16
关于玄关的注意事项
- 17
椰砖和营养土怎么混合
- 18
如何使用电蚊香液
- 19
玄关有什么作用?
- 20
蚊香液驱蚊效果怎么样 使用蚊香液要注意什么
- 21
如何自制蚊香液驱蚊?
- 22
元气骑士细胞凝液怎么获得
