社区
CSS
帖子详情
请问如何设定div的背景图片适应div的大小??
xiaozi147
2010-01-26 01:49:18
div.myResult
{
margin-left:auto;
margin-right:auto;
width:450px;
height:400px;
background-image:url('../Img/teacher.jpg');
background-repeat:repeat;
}
我用了 background-repeat:repeat;但是没有用
...全文
133984
9
打赏
收藏
请问如何设定div的背景图片适应div的大小??
div.myResult { margin-left:auto; margin-right:auto; width:450px; height:400px; background-image:url('../Img/teacher.jpg'); background-repeat:repeat; } 我用了background-repeat:repeat;但是没有用
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
xiangtanboy
2010-01-26
打赏
举报
回复
背景是无法与窗口大小自适应的
KK3K2005
2010-01-26
打赏
举报
回复
background-repeat:repeat;
这个写的应该是对的 问题可能出在你没有贴出的代码上 比如在DIV里面直接设置了不平铺图片
cs5276
2010-01-26
打赏
举报
回复
用PS拉伸一下吧,做得淡一点,这样就看不出来失真了
zhen5629134
2010-01-26
打赏
举报
回复
background 里面没有拉伸这属性的,如果要做就拿img可以适应你的div层大小
草根醉秋意
2010-01-26
打赏
举报
回复
div.myResult
{
width:450px;
height:400px;
background:url('../Img/teacher.jpg');
}
xiaozi147
2010-01-26
打赏
举报
回复
没有人知道了吗?帮帮忙啊
xiaozi147
2010-01-26
打赏
举报
回复
将margin-left:auto; margin-right:auto; 修改为margin-left:0;
margin-right:0;
还是不行
zhanglzlkn
2010-01-26
打赏
举报
回复
background:url('../Img/teacher.jpg') repeat;
将margin-left:auto; margin-right:auto; 修改为margin-left:0;
margin-right:0;
50个
Div
+CSS模板
50个
Div
+CSS模板 为网页模板,理解网页布局
css文件 如何使
背景图片
大小
适应
div
的
大小
对
背景图片
设置属性:background-size:cover;可以实现
背景图片
适应
div
的
大小
。 background-size有3个属性: auto:当使用该属性的时候,
背景图片
将保持100% 的
大小
显示,不进行任何缩放。超过
div
的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。 cover:当使用该属性时,图片将被缩放至...
如何使一整张
背景图片
自
适应
div
的
大小
方式一:
div
{ width:200px; height:100px; background-image:url(bg.jpg); background-size:100% 100%; } 方式二: background-size有3个属性: auto:当使用该属性的时候,
背景图片
将保持100% 的
大小
显示,不进行任何缩放。超过
div
的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。
背景图片
适应
div
的
大小
对
背景图片
设置属性:background-size:cover;可以实现
背景图片
适应
div
的
大小
。background-size有3个属性:auto:当使用该属性的时候,
背景图片
将保持100% 的
大小
显示,不进行任何缩放。超过
div
的多余部分将被隐藏。当图片过小时,图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。cover:当使用该属性时,图片将被缩放至恰好能覆盖
div
,并且图片
如何在
div
中设置
背景图片
并且自
适应
div
大小
参考如下代码,设置
背景图片
的
大小
为100% 100%并且设置no-repeat 这样图片就能在
div
改变的情况下,仍然显示完全 <!DOCTYPE html> <html> <head> <style> #a { background-color: rgb(255, 208, 0); background-image: url("1.png"); backgrou
CSS
61,128
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章