请问2-15的编程练习,怎么把几个背景图片分隔开。

请问2-15的编程练习,怎么把几个背景图片分隔开。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>background-image</title>
    <style type="text/css">
        .bg{
            width:300px;
            height:300px;
            border:1px solid;
            background:url(img/bg1.jpg),url(img/bg2.jpg),url(img/bg3.jpg);
            background-repeat:no-repeat;
            background-size:container;
            margin-top:10px;
        }
    </style>
</head>
<body>
    <div>
        
    </div>   
</body>
</html>。

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

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

2回答
好帮手慕糖 2018-01-25 11:13:45

你好,同时设置三个的话,建议:每个图片的后面设置no-repeat,已经位置。例:

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

祝学习愉快~

好帮手慕糖 2018-01-25 10:28:02

你好,建议:这里可以写三个div,每一个div设置一个背景图片。

祝学习愉快~

  • 提问者 winkysu #1
    三个div…背景图片,那不就和平时放图片差不多了?(๑ˊ͈ᐞˋ͈)ƅ̋
    2018-01-25 10:56:18
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

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

在线咨询

领取优惠

免费试听

领取大纲

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