css使用线性渐变属性没有用是怎么回事

css使用线性渐变属性没有用是怎么回事


繁星coding
浏览 583回答 2
2回答

慕哥9229398

12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE&nbsp;html><html&nbsp;lang="en"><head><meta&nbsp;charset="utf-8"&nbsp;/><title>linear-gradient/title><style>div&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;200px;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100px;&nbsp;&nbsp;&nbsp;&nbsp;margin-top:&nbsp;10px;&nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#ddd;}.test&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;linear-gradient(#fff,&nbsp;#333);}.test2&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;linear-gradient(#000,&nbsp;#f00&nbsp;50%,&nbsp;#090);}.test3&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;linear-gradient(0deg,&nbsp;#000&nbsp;20%,&nbsp;#f00&nbsp;50%,&nbsp;#090&nbsp;80%);}.test4&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;linear-gradient(45deg,&nbsp;#000,&nbsp;#f00&nbsp;50%,&nbsp;#090);}.test5&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;linear-gradient(to&nbsp;top&nbsp;right,&nbsp;#000,&nbsp;#f00&nbsp;50%,&nbsp;#090);}</style></head><body><div&nbsp;class="test"></div><div&nbsp;class="test2"></div><div&nbsp;class="test3"></div><div&nbsp;class="test4"></div><div&nbsp;class="test5"></div></body></html>&nbsp;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

CSS3