首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

牛人帮忙见见代码

2013-10-03 
牛人帮忙看看代码div styleheight:312pxwidth:312pxbackground:#BC0020a styledisplay:block

牛人帮忙看看代码
<div style="height:312px;width:312px;background:#BC0020;">
<a style="display:block;" href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="border-top:#DDD 1px solid;border-right:#DDD 1px solid;border-bottom:#DDD 1px solid;border-left:#DDD 1px solid;" src="" width="310px" height="310px">
</a>
</div>

明明图片的边框设的是近白色,怎么右边和底部有一条红线呢。

[解决办法]
把图片格式换成png格式的试试,png在放大和缩小的时候是不会失真的
[解决办法]
我觉得 是ie的a有个默认的颜色!,你先申明a的颜色行不行看看。。
[解决办法]
应该是浏览器的问题,我用chrome和IE8就没有这种问题
[解决办法]
</a>
</div>

--->
</a></div>
[解决办法]
上网搜了一下,虽然没有具体解释(原因),但是其解决方法还是可以用的~下面代码中,第一个是楼主的问题的那种情况,第二个是在img那里加了个display:block;来解决的,第三个是加了vertical-align:top;属性,而最后一个,我自己观察出来的,直接把img的margin给改了 = = 当然,还可以用overflow:hidden; 这种方法应该最简单了吧(勿喷勿喷 = =)
还是希望有人解释一下原理 = =

<div style="height:312px;width:312px;background:#BC0020; float:left;">
<a href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="border:#DDD 1px solid; width:310px; height:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">
</a>
</div>

<div style="height:312px;width:312px;background:#BC0020; float:left;">
<a href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="display:block; border:#DDD 1px solid; width:310px; height:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">
</a>
</div>

<div style="height:312px;width:312px;background:#BC0020; float:left;">
<a href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="vertical-align:top;border:#DDD 1px solid; width:310px; height:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">
</a>
</div>

<div style="height:312px; width:312px; background:#BC0020; float:left;">
<a href="http://siteadmin.taobao.com/module/#" target="_blank">
<img  style="margin:0px 0px -4px 0px;border:#DDD 1px solid; width:310px; height:310px;" src="http://g.hiphotos.baidu.com/album/w%3D2048/sign=4106f3c3d000baa1ba2c40bb7328b812/0e2442a7d933c8950f78a654d01373f08202009e.jpg">
</a>
</div>

热点排行