老师为什么我的代码在chrome里面是从上往下而不是题目中的从左往右渐变的呢?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>重复的彩虹</title>
<style type="text/css">
div{
width:800px;height:400px;border:1px solid red;
/*补充代码,写出div背景颜色的渐变效果*/
background: -webkit-repeating-linear-gradient(red 0%,orange 5%,yellow 10%,green 15%,blue 20%, skyblue 25%,violet 30%);
} background: repeating-linear-gradient(red 0%,orange 5%,yellow 10%,green 15%,blue 20%, skyblue 25%,violet 30%);
</style>
</head>
<body>
<div></div>
</body>
</html>
1
收起
正在回答
1回答
你好同学 , 因为这里线性渐变默认就是从上往下渐变 ,如果想要它从左往右进行渐变,也就是垂直方向上 , 需要定义渐变的角度方向 。 如下:
祝学习愉快 ,望采纳 。
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星