求个css让图片紧贴框子

html-css012

求个css让图片紧贴框子,第1张

你最热下载这一层应该是设置了margin-top,把父层顶下来了,你可以让父层设置padding-top,值和你的margin-top一样,如果父层设置了高度,高度要减去你的padding值,

在一个div里面设置两张背景图片用css3的多背景可以做到,写法也很容易,类似下面这样就行了:

background:url(top.jpg)

center

top

no-repeat,

url(bottom.jpg)

center

bottom

no-repeat

不过因为不同浏览器对于css3的支持度有限,这种写法在大多数浏览器里面,特别是ie里面是无效的。所以通常的作法还是嵌套两个div,一个div里面是上面的背景图,一个div里面是下面的背景图,这样的兼容性会好一些。

<div style="width:autoheight:165pxbackground-image:url(webpic/about-bg.jpg)text-align:leftvertical-align:middlefloat:leftline-height:22pxpadding:5px"><img src="webpic/factory.jpg" style="margin-top:0pxmargin-left:5pxmargin-right:5pxfloat:left" />镇江新区中亚电子散热器厂座落于中国历史文化名城镇江市东郊大路镇。这里水、陆、空交 通十分便捷,面临大港港口、京沪铁路、沪宁高速,距南京禄口机场仅60公里。这里经济繁荣, 是国内外投资者理想的场所。 我厂是集研制、开发生产电子散热器为一体的专业厂家,主要生产系列散热器产品,适用于 交直流电源、稳压电源、开关电源、通讯电源、净化电源、广播电视发射装置、变频装置、逆变电源等各种电源产品,还适用于日光灯电子镇流器、音响设备、功放电路、自动控制仪表等电力电子产品领域。我厂产品选料精良,工艺先进,畅销全国各地,深受广大用户的青睐。 ...[<a href="about.htm">查看详情</a>]</div> 你试试这个!