background和background-image的问题

background和background-image的问题

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>渐变应用</title>

    <style type="text/css">

        div{

            width: 400px;

            height: 400px;   

            background-color:yellow;

            /*补充代码*/

            background-size:100px 100px;

            background-image:linear-gradient(45deg,purple 25%,transparent 25%),

            linear-gradient(-45deg,purple 25%,transparent 25%),

            linear-gradient(45deg,transparent 75%,purple 75%),

            linear-gradient(-45deg,transparent 75%,purple 75%)

        }

    </style>

</head>

<body>

    <div></div>  

</body>

</html>

background和background-image之间的关系是什么,这里直接给background设置gradient实现的效果不一样

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕嘟嘟 2019-09-16 09:52:57

同学你好,

1,老师运行了你的代码,效果是正确的,继续努力哦~

2,关于background和background-image之间的关系:

background:设置的是背景的集合,后面可以跟背景图片,背景颜色以及背景图片的排列样式等。

background-image:只能设置背景图片哦

如果我的回答帮助了你,欢迎采纳,祝学习愉快~


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

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

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

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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