打开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
U盘怎么进行杀毒
- 4
U盘病毒Autorun的几个查杀招数
- 5
U盘的数据中毒消失怎么办(不用数据修复软件)
- 6
快速查看和避免U盘中毒
- 7
U盘中毒后怎么安全打开优盘?
- 8
简单一招防止U盘中毒
- 9
让优盘永远不中毒
- 10
最为简单的防止u盘病毒的两个小方法
- 11
如何防止U盘中毒的四大妙招
- 12
如何防止U盘中毒
- 13
铲除u盘ripper病毒的方法
- 14
解决U盘exe病毒,exe病毒查杀
- 15
快速安全打开中毒u盘的方法
- 16
怎么让U盘永远不中毒
- 17
轻松三招止住优盘传播病毒
- 18
如何使优盘不中毒?
- 19
u盘中了病毒怎么恢复被强制隐藏的文件
- 20
U盘中毒打不开,如何安全暴力启动?
- 21
U盘中毒打不开乱码怎么办?U盘文件删除怎么恢复
- 22
摆脱U盘病毒Autorun有妙招