用css定义单元格变化背景图片,里面的文字不能改变颜色,也不能上下居中.请懂的帮忙看看,很急,小女先谢过了.

发布网友发布时间：2022-04-21 03:20

共4个回答

热心网友时间：2022-04-21 04:49

不能上下居中：在.home样式里没有设置行高，当然不能居中了，加上line-height:102px;即可.
不能改变颜色：鼠标滑过hover状态没有设置颜色改变，加上如红色 color:red 即可.

font-color这样写是错误的，在html中可以直接写<font color="red"> red text</font>，在css中直接写color:red;

热心网友时间：2022-04-21 06:07

<html>
<head>
<title>#</title>
<style>
a{color:#ff000;}
a.home {background:url(images/1.jpg) no-repeat; width:95px; height:102px; display:inline-block;_float:left; text-align:center; font-size:14px;
text-decoration:none}
a.home:hover {background:url(images/2.jpg) no-repeat;}
</style>
</head>
<body>
<table>
<tr>
<td><a href="#" class="home">变换图片</a></td>
</tr>
</table>
</body>
</html>
不知道还有什么要求，这个效果是否足够，不行的话速回复。。

热心网友时间：2022-04-21 07:42

这个就是定义的一个home的class的背景图片为一个1的jpg，然后这个a标签的宽为95像素，高为102像素，以行内块状级的形式展现，字体大小过14像素，字体色为红色然后文字展示方式为默认的

移上去后home的背景图片替换为2这个图片

热心网友时间：2022-04-21 09:33

是这个意思吗把给写成 <a href="#" class="home"></a>