请教表格的边框显示问题！
zhangqiang0921 2009-11-22 11:40:33

怎样实现只显示表格的内部边框，而不显示表格最外边四周的边框
...全文

602 3 打赏收藏
分享
转发到动态举报

写回复

配置赞助广告

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

打赏红包
需支付: 0.00 元

laoda219 2009-11-23

打赏
举报
回复

表格标签<table>有很多属性，最常用的属性有：

<table>标签的属性属性描述
width 表格的宽度
height 表格的高度
align 表格在页面的水平摆放位置
background 表格的背景图片
bgcolor 表格的背景颜色
border 表格边框的宽度（以像素为单位）
bordercolor 表格边框颜色
bordercolorlight 表格边框明亮部分的颜色
bordercolordark 表格边框昏暗部分的颜色
cellspacing 单元格之间的间距
cellpadding 单元格内容与单元格边界之间的空白距离的大小

cs5276 2009-11-23

打赏
举报
回复

一个事例代码：（可以直接测试）

<!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=gb_2312" />
<title>暂时没有标题</title>
<style>
* { padding:0px; margin:0px;}
#example { margin:20px auto; width:400px; border-width:0px; border-collapse:collapse;}
#example td { width:99px; height:25px; line-height:25px; text-align:center; border:1px #999 solid; border-width:0px 1px 1px 0px;}
#example td.lastcolumn { border-right-width:0px;}
#example tr.lastrow td { border-bottom-width:0px;}
</style>
</head>

<body>
<table id="example">
<tr>
<td>1.1</td>
<td>1.2</td>
<td>1.3</td>
<td class="lastcolumn">1.4</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
<td>2.3</td>
<td class="lastcolumn">2.4</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
<td class="lastcolumn">3.4</td>
</tr>
<tr class="lastrow">
<td>4.1</td>
<td>4.2</td>
<td>4.3</td>
<td class="lastcolumn">4.4</td>
</tr>
</table>
</body>
</html>

hookee 2009-11-22

打赏
举报
回复

单独设置tr td的css, 组合起来。比如左边的单元格 border-right-width:1px；border-left-width:0px

asp.net知识库
帮助解决网页和JS文件中的中文编码问题的小工具慎用const关键字装箱，拆箱以及反射动态调用对象的属性和方法——性能和灵活性兼备的方法消除由try/catch语句带来的warning 微软的应试题完整版（附答案）一个...
HTML代码分析
HTML代码分析记得在本人刚开始学习编写网页时曾向一位WEB高手请教过如何用FRONTPAGE 98来制作一张绚丽多姿的个人
<8>Lua从入门到精通
只提供了一种通用类型的表（table），用它可以实现数组，哈希表，集合，对象；闭包(closure)；提供多线程支持；在游戏开发，独立应用脚本，Web 应用脚本，扩展和数据库插件，安全系统，等领域得到了广泛应用。
JS应用（资料很全）
<a href="javascript:function()">word</a> 上一网页源 asp: request.servervariables("HTTP_REFERER") javascript: document.referrer 释放内存 CollectGarbage(); 禁止右键 document....
Vue+ant-design-vue 表格实现可拖动的伸缩列
应客户要求，表格要实现列宽可以自主调节，用户可以根据自己的喜好，拖动列边框，左右拖动实现列宽的扩大和缩小；ant-design-vue官方文档中，table组件中提供了此功能的示例代码。于是我满怀开心的复制到了我的项目...

CSS

61,112

社区成员

60,730

社区内容

发帖

与我相关
我的任务
分享

确定

社区描述
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

社区管理员

加入社区

获取链接或二维码

近7日
近30日
至今

加载中
查看更多榜单
社区公告

暂无公告

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

+ 用AI写文章