css定义最后一行的样式
有一个表格我想让最后一行不显示下划线，其他行显示下划线，在不使用JQUERY的情况下怎么实现？...
有一个表格我想让最后一行不显示下划线，其他行显示下划线，在不使用JQUERY的情况下怎么实现？
展开
4个回答
展开全部
你说的不使用jquery的话，那么javascript能用的不？
如果js都不能用的话，那么一般css是无法实现这个效果的。
但是css3是可以的，不过只有支持css3的浏览器才支持。
table tr:last-child{......}
你可以用这个选择来选择最后一行。
但是注意，只有支持css3的浏览器才可以哦！
如果js都不能用的话，那么一般css是无法实现这个效果的。
但是css3是可以的，不过只有支持css3的浏览器才支持。
table tr:last-child{......}
你可以用这个选择来选择最后一行。
但是注意，只有支持css3的浏览器才可以哦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的意思是说表格一行的下边框是吧？如果是的话，就这样：
你把table的border设置为0，然后针对不同的行设置css样式。
如果你只要最后一行的下边框不显示的话，你可以设一个css样式：
.test{
border:1px 1px 0px 1px solid solid dashed solid red red transparent red;
}
这个样式的意思就是说设置上、右、左的border为1px，而下设为0。
你把table的border设置为0，然后针对不同的行设置css样式。
如果你只要最后一行的下边框不显示的话，你可以设一个css样式：
.test{
border:1px 1px 0px 1px solid solid dashed solid red red transparent red;
}
这个样式的意思就是说设置上、右、左的border为1px，而下设为0。
追问
不是，是表格中有好多行，然后每一行都有下边框（就是下划线），然后最后一行不要
追答
你没理解我的意思，这个css样式不是让你给table，而是给table里的td的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给最后一个tr加类名，用继承样式实现，如下代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.table td{ border-bottom:1px #000 solid;}
.table .borderNo td{ border:none}
</style>
</head>
<body><table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
<tr>
<td height="20"> </td>
</tr>
<tr>
<td height="20"> </td>
</tr>
<tr class="borderNo">
<td height="20"> </td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.table td{ border-bottom:1px #000 solid;}
.table .borderNo td{ border:none}
</style>
</head>
<body><table width="100%" border="0" cellspacing="0" cellpadding="0" class="table">
<tr>
<td height="20"> </td>
</tr>
<tr>
<td height="20"> </td>
</tr>
<tr class="borderNo">
<td height="20"> </td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我明白你要干嘛了， 你是想 在表格之间 有个 分隔线 是吧？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
