正在回答 回答被采纳积分+1
2回答
好帮手慕糖
2018-04-04 09:40:52
你好，没有设置的与设置其他几个的效果图如下，可以对比下，动手测试下哦。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3径向渐变</title>
<style type="text/css">
/*设置div公共样式*/
div{
width:120px;
height:80px;
line-height:80px;
text-align:center;
color:white;
margin-top:10px;
}
#div1{background:-webkit-radial-gradient(ellipse closest-side,orange,blue);}
#div2{background:-webkit-radial-gradient(ellipse closest-corner,orange,blue);}
#div3{background:-webkit-radial-gradient(ellipse farthest-side,orange,blue);}
#div4{background:-webkit-radial-gradient(ellipse farthest-corner,orange,blue);}
#div5{background:-webkit-radial-gradient(ellipse,orange,blue);}
</style>
</head>
<body>
<div id="div1">closest-side</div>
<div id="div2">closest-corner</div>
<div id="div3">farthest-side</div>
<div id="div4">farthest-corner</div>
<div id="div5">没设置</div>
</body>
</html>
祝学习愉快~
响应式开发与常用框架 2018
- 参与学习 人
- 提交作业 2198 份
- 解答问题 5012 个
如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星