老师为什么我的代码在chrome里面是从上往下而不是题目中的从左往右渐变的呢?

老师为什么我的代码在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回答

你好同学 , 因为这里线性渐变默认就是从上往下渐变 ,如果想要它从左往右进行渐变,也就是垂直方向上 , 需要定义渐变的角度方向 。 如下:

http://img1.sycdn.imooc.com//climg/5c9c85d10001d26409390372.jpg

祝学习愉快 ,望采纳 。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师