根据你的CSS代码,这里的repeat表示背景图片进行水平及垂直平铺。平铺不会照成图片的模糊。因为是背景图,height也不会影响到图片模糊。
有可能是你自己不小心把浏览器的显示放大了(按住了ctrl键并滑动了鼠标滚轮或者按住ctrl键并按了+键,这样都会放大浏览器显示),照成了在浏览器中观看图片比在图片查看软件中的原图片要模糊,只要调整回去即可。点击浏览器空白处,然后同时按住ctrl键 和 0键(这里是零,不是o) ,即可恢复原状。
1、css控制图片大小,参考如下代码:div img {
max-width:600px
width:600px
width:expression(document.body.clientWidth>600?"600px":"auto")
overflow:hidden
}
2、代码说明:
◎ max-width:600px在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
◎ width:600px在所有浏览器中图片的大小为600px
◎ 当图片大小大于600px,自动缩小为600px。在IE6中有效。
◎ overflow:hidden超出的部分隐藏,避免控制图片大小失败而引起的撑开变形。
假设你的HTML中的图片是这样的:<img
id="myPic"
src="/images/xx.gif"
/>
然后你在CSS中写:
img#myPic{width:100px
height:120px}
总之就是width和height两个属性。当然你也可以设置更复杂的样式。