打开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
MATLAB怎么绘制图形
- 5
癌症早期信号你了解多少
- 6
怎样正确地识别哮喘发作?
- 7
黑芝麻的功效有什么?
- 8
99年出生没有出生证明怎么办
- 9
轻伤二级怎么判定
- 10
咳嗽变异性哮喘怎么治疗
- 11
引起肺心病的主要原因有哪些
- 12
死亡证明怎么开
- 13
肺心病您了解多少?
- 14
痰液检查可以查出什么疾病
- 15
哮喘患者会有什么症状
- 16
医院弄错出生证明出生日期怎么办
- 17
税务机关报送哪些材料?
- 18
交通事故后处理赔偿事项时请律师有好处
- 19
伤都好了还怎么做轻伤鉴定
- 20
信用卡被盗刷怎么办
- 21
如何在农村给新生儿上户口?
- 22
狂犬病怎么治疗
