Html 图像行大小调整

我正在努力使包含三个图像的行的大小正确。这三幅图像的大小相等，为270px x 270px，并共享一个公共背景图像，即大小为310px x 310px的阴影，当鼠标悬停在这三幅图像的任何一幅上时，该阴影会被渲染。请点击此处：

我尝试过插入style=height:310px；插入td标记、tr标记和.center CSS，这两个标记都不能正确地调整行的大小-背景阴影图像的顶部和底部都被切断

有人给我一个指针吗？多谢各位

CSS:

HTML:

---

你试过设计一个

    table td.center {
        attributes
    }

---

在CSS中，您是否尝试过为

    table td.center {
        attributes
    }

---

在CSS中，只需对包含图像的div进行适当的填充即可

将您的图像更新到以下位置：

#images
{
    padding:20px;
}
#images:hover {
    background-image: url(http://ubuntuone.com/1SRrDB8i8cBtpm3Smxaz5r);
    background-repeat: no-repeat;
    background-position:center;     
    padding:20px;
}

---

查看此

只需对包含图像的div进行适当的填充即可

将您的图像更新到以下位置：

#images
{
    padding:20px;
}
#images:hover {
    background-image: url(http://ubuntuone.com/1SRrDB8i8cBtpm3Smxaz5r);
    background-repeat: no-repeat;
    background-position:center;     
    padding:20px;
}

看看这个

试试这个-

图像{ 填充：15px； }

工作完美

试试这个-

图像{ 填充：15px； }

工作完美

图像周围没有足够的空间来正确显示阴影。 您可以通过在图像div中添加一些填充来添加更多空间

图像周围没有足够的空间来正确显示阴影。 您可以通过在图像div中添加一些填充来添加更多空间

---

谢谢你，我试过了，但是没有成功。我是一个业余爱好者，所以可能是我的错误…@ClivevanHilten CSS似乎很简单，除了当事情出错时，它会想出各种各样的新规则谢谢你们，我试过了，但没有成功。我是一个业余爱好者，所以可能是我的错误…@ClivevanHilten CSS似乎很简单，除了当事情出错时，它会想出各种各样的新规则

#images{
    padding:20px;
}