css实现背景颜色渐变

  • 发表时间: 2019-07-12
  • 分类: HTML/CSS
  • 阅读量: 138
  • 作者: 七七

语法

    background: linear-gradient(渐变的起始位置, 起始颜色, 结束颜色);

    background:-webkit-linear-gradient(渐变的起始位置, 颜色 位置, 颜色位置....);


例:

        360截图20190712124102099.png

    代码:    background: linear-gradient(top, red, green);

      background: -webkit-linear-gradient(top, red, green);

      background: -moz-linear-gradient(top, red, green);

360截图20190712124319230.png

 代码:    background: -webkit-linear-gradient(top, red 0%, green 20%, blue 80%);

        background: -moz-linear-gradient(left, red 0%, green 50%, skyblue 80%,  hotpink 100%);


文章评论

张琪琪

web前端开发

一个95后程序猿!记录平时遇到的技术问题和学习到的新知识,分享自己的一些生活、感悟。网站内容不定期更新,欢迎大家关注,共同交流进步。

点击排行

注册会员

用户名:

密码:

邮箱:

已有账号?登录

会员登录

用户名:

密码:

邮箱:

没有账号?注册