急急,为什么td的左右两边会产生空隙啊?

bobovivi2008 2008-11-23 01:23:49
急急,为什么td的左右两边会产生空隙啊?
<style>
table{
border-collapse:collapse;
}
td{
border:1px solid black;
}
a{

text-decoration:none
}
a:link,a:visited{
color:black;
}
a:hover{
background-color:red;
padding-top:50px;
padding-bottom:50px;
padding-left:50px;
padding-right:50px;
}
</style>
<table>
<tr>
<td> <a href="you.html">456 </a> </td>
</tr>
</table>


问题是这样的啊,我将伪类hover的上下左右都给扩充了50px;

第一个问题:为什么上下都扩充了50px;看不到上下涨大?

第二个问题:给hover左右两边也扩充了50px,可以看到左右两边都涨大了,但是发现一个问题,为什么左右两边

会各有一条细缝,怎么回事?

见图:http://hi.baidu.com/vista9977/album/item/d6511362099143c1e6113a31.html#IMG=1ca623dd69b536f377c63831
...全文
153 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
hwfec 2008-11-24
  • 打赏
  • 举报
回复
[Quote=引用 6 楼 changke18 的回复:]
把 <table>改成 <table cellpadding="0">可以去掉两边隙缝.
[/Quote]
呵呵
西安风影 2008-11-24
  • 打赏
  • 举报
回复
把 <table>改成 <table cellpadding="0">可以去掉两边隙缝.
ljm115 2008-11-23
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 kindwell 的回复:]
把 <table>改成 <table cellpadding="0">可以去掉两边隙缝.
[/Quote]
正解
virgo2008 2008-11-23
  • 打赏
  • 举报
回复

A:hover {
COLOR:#FF6600;
TEXT-DECORATION: none;
position:relative ;
top:1px;
BORDER-BOTTOM: 1px dotted;
}
kindwell 2008-11-23
  • 打赏
  • 举报
回复
至于上下不变宽是因为它是受td高度制约的,hover的时候不改变td的高度是没用的。
virgo2008 2008-11-23
  • 打赏
  • 举报
回复

position:absolute
kindwell 2008-11-23
  • 打赏
  • 举报
回复
把<table>改成<table cellpadding="0">可以去掉两边隙缝.

28,409

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧