css 实现图片链接图片变换

最新推荐文章于 2024-10-05 12:07:53 发布

原创最新推荐文章于 2024-10-05 12:07:53 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css #url #border #table

css 专栏收录该内容

63 篇文章

订阅专栏

本文详细介绍了如何使用CSS对HTML表格进行美化，包括不同单元格状态下的背景变化效果，以及如何通过CSS选择器实现鼠标悬停时的样式切换。通过具体代码示例展示了如何设置单元格的宽度、高度以及链接的表现形式。

td#td2 a
{
text-decoration:none;
background:transparent url(images/2.jpg) no-repeat;
display:block;
width:260px;
line-height:88px;
}
td#td2 a:hover
{
background:transparent url(images/2-2.jpg);
display:block;
width:260px;
line-height:88px;
}

td#td3 a
{
text-decoration:none;
background:transparent url(images/3.jpg) no-repeat;
display:block;
width:260px;
line-height:88px;
}
td#td3 a:hover
{
background:transparent url(images/3-3.jpg);
display:block;
width:260px;
line-height:88px;
}
</style>