为了账号安全,请及时绑定邮箱和手机立即绑定

搞不懂的问题

<style type="text/css">

*{margin:0;padding:0}

img{margin:20px 20px;border:1px solid #F00}

.content{border:5px solid #60F;padding:30px 30px;width:700px;}

.book{background:url(../dreamweaver%E7%AB%99%E7%82%B9%E7%AE%A1%E7%90%86/b.jpg) no-repeat #F03;}

</style>

</head>


<body>

<div class="content book">

    <img src="../dreamweaver站点管理/01.jpg" width="150" height="100" /> 

    <img src="../dreamweaver站点管理/02.jpg" width="150" height="100" /> 

    <img src="../dreamweaver站点管理/03.jpg" width="150" height="100" /> 

    </div>

    

</body>

</html>

为什么我这个代码的背景颜色只能填一半?可以填慢的时候连左上角的字都被覆盖了?

正在回答

3 回答

首先不知道你设的背景图片大小多大,设的是no repeat,的确可能存在撑不满情况出现。字那个,是你图片上有字吗?代码里面没看到字啊。

0 回复 有任何疑惑可以回复我~

<style type="text/css">

.content{ border:4px solid #0FF; background:url(file:///D|/Me%20Web/Enterprise/2/images/t_book.gif) no-repeat; padding:36px 14px 15px; width:738px;}

img{ margin:20px 20px; border:1px #333333 solid;}

</style>

</head>


<body>

<div class="content">

<img src="file:///D|/Me Web/Enterprise/2/images/book1.jpg" width="80" height="80" />

<img src="file:///D|/Me Web/Enterprise/2/images/book2.jpg" width="80" height="80" />

<img src="file:///D|/Me Web/Enterprise/2/images/book3.jpg" width="80" height="80" />

<img src="file:///D|/Me Web/Enterprise/2/images/book4.jpg" width="80" height="80" />

<img src="file:///D|/Me Web/Enterprise/2/images/book5.jpg" width="80" height="80" />

</div>

</body>


0 回复 有任何疑惑可以回复我~

你在div后面再加一个包裹层,然后设置居中试一下

0 回复 有任何疑惑可以回复我~
#1

新火试新茶 提问者

问题没有解决,可以详细点吗
2016-05-22 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214706    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

搞不懂的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信