CSS+DIV 在DIV里设背景和插入图片有什么区别？
我知道的是如果图片设置为背景的话，好像不能刚好居中铺开。<imgsrc="">的话可以设置样式~但是如果我想让背景图片刚好撑开到整个DIV里，出来修改图片像素，还有其他可...
我知道的是如果图片设置为背景的话，好像不能刚好居中铺开。<img src=" ">的话可以设置样式~但是如果我想让背景图片刚好撑开到整个DIV里，出来修改图片像素，还有其他可以设置的吗？
展开
3个回答
展开全部
面向的对象不不同
CSS是布局样式
HTML标记是内容样式
如果是布局用CSS的background
-----------引用CSS手册
版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
语法：
background : background-color || background-image || background-repeat || background-attachment || background-position
background-repeat 属性设置是否平铺
取值：
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺
示例：
div { background: red no-repeat scroll 5% 60%; }
body { background: url("images/aardvark.gif") repeat-y; }
如果你要拉伸图片 CSS是不行了。 这根本不符合布局的定义。
CSS是布局样式
HTML标记是内容样式
如果是布局用CSS的background
-----------引用CSS手册
版本：CSS1 兼容性：IE4+ NS4+ 继承性：无
语法：
background : background-color || background-image || background-repeat || background-attachment || background-position
background-repeat 属性设置是否平铺
取值：
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺
示例：
div { background: red no-repeat scroll 5% 60%; }
body { background: url("images/aardvark.gif") repeat-y; }
如果你要拉伸图片 CSS是不行了。 这根本不符合布局的定义。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
background有center属性.要看出效果的话一定要设置div的宽高.代码如下:
<html>
<head><title></title>
<style>
div {
width:960px;
height:500px;
border:1px red solid;
background:url("4700.jpg") no-repeat center;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
你可以改下你的图片名,或者把这里的4700.jpg换成你的图片名就可以了.图片得和html文件放同一止录下，当然如果另放一文件夹就要加上(文件夹名\图片名)如果想让背景图片刚好撑开到整个div里的话,把div的大小设置成和图片一样就可以了.
border属性是为了看出效果才设置的,也可以不要.除了center属性,还可以用left,right也可以用百分比决定背景图片在整个div 的位置。你可以自己修改代码试试看。
还有不懂的问题可以百度hi我。
<html>
<head><title></title>
<style>
div {
width:960px;
height:500px;
border:1px red solid;
background:url("4700.jpg") no-repeat center;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
你可以改下你的图片名,或者把这里的4700.jpg换成你的图片名就可以了.图片得和html文件放同一止录下，当然如果另放一文件夹就要加上(文件夹名\图片名)如果想让背景图片刚好撑开到整个div里的话,把div的大小设置成和图片一样就可以了.
border属性是为了看出效果才设置的,也可以不要.除了center属性,还可以用left,right也可以用百分比决定背景图片在整个div 的位置。你可以自己修改代码试试看。
还有不懂的问题可以百度hi我。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在div里插入图片，图片可以完全显示。但是给div设置背景后，默认情况下你是看不见的，可以设置高height属性 如 height：50px，但是你的背景图片如果小于div块的大小 那就不能铺开。没有办法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
