Question

求段HTML+CSS代码

要求300*300的DIV里面放一张200*200的图片，图片水平竖直居中，鼠标经过DIV时DIV内未被图片填满的地方变色

Answer 1

<div class="img"><img src="http://www.lctczs.com/d/file/zsq/dls/2011-02-24/9fadea63082fa0dc5d693953c3a6e56a.jpg" width="200" height="200"></div>
<style>
.img{ width:200px; height:200px; padding:50px; background:#FF0; cursor:pointer;}
.img:hover{ background: #3CF;}
</style>
看下 有问题再联系我

Answer 2

代码如下，你也可以直接下载文件看效果，，，

<style>
.box{width: 300px;height:300px;border: 1px #be7a3a solid;}
.box_a{display: block;width:300px;height:300px;text-align: center;}
.box a:hover{background: #be7a3a;text-align: center;}
.img{width: 200px;height:200px;margin: 0 auto;padding: 50px;}
</style>

<div class="box">
<a class="box_a" href="#">
<img src="x" class="img" style="width: 200px;height:200px;">
</a>
</div>

Answer 3

你直接那padding写不就OK了么.之后鼠标经过用 :hover

追问

我弄好了，但是垂直居中用的img的margin，要是用了div的padding整个div就会变大，您知道是怎么回事吗

追答

在DIV上写padding.别在图片上写MARGIN