急急,为什么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
...全文
72 点赞 收藏 7
写回复
7 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
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">可以去掉两边隙缝.
回复
相关推荐
发帖
ASP
创建于2007-09-28

2.8w+

社区成员

ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
申请成为版主
帖子事件
创建了帖子
2008-11-23 01:23
社区公告
暂无公告