打开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
妖狐吧app怎么升级
- 9
长的丑还娘炮怎么办?
- 10
真的没想到,hpv转阴这么轻松!
- 11
变成了第三者怎么办
- 12
如何找贴吧爱逛的吧所隐藏的不显示的吧
- 13
斗鱼直播如何在鱼吧发帖
- 14
斗鱼怎么进行鱼吧
- 15
本贴吧暂不开放,如何取消关注暂不开放了的贴吧
- 16
怎么向所有人展示我关注的贴吧?
- 17
逆水寒笼中雀找汴京桥上的人问问吧 该找谁
- 18
贴吧被封号怎么办
- 19
贴吧怎么恢复被删贴子
- 20
贴吧如何解除私聊限制
- 21
怎样才知道自己的奶够不够宝宝吃
- 22
刚刚出生的小孩的体格标准