table 表格的边框处理

最新推荐文章于 2023-04-19 20:14:14 发布
最新推荐文章于 2023-04-19 20:14:14 发布
阅读量148 收藏
点赞数
文章标签： shell
原文链接：http://www.cnblogs.com/275147378abc/p/4677916.html
版权 
只显示上边框 <table frame=above> 
只显示下边框 <table frame=below> 
只显示左、右边框 <table frame=vsides> 
只显示上、下边框 <table frame=hsides> 
只显示左边框 <table frame=lhs> 
只显示右边框 <table frame=rhs> 
不显示任何边框 <table frame=void> 

复制代码代码如下:

<html> 
<head> 
<title>表格边框的隐藏</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<style type="text/css"> 
body { color:"#ffffff"; 
font-family: "宋体"; 
font-size: 12px; 
margin-top : 4; 
} 
.t { 
border: #000000; border-style: solid; border-width: 1px 
} 
td { 
font-family: "Tahoma", "MS Shell Dlg"; font-size: 12px 
} 
textarea {border: 1 solid #000000"} 
</style> 
</head> 
<body bgcolor="#999999" text="#000000"> 
<center> 
<table width="600" border="0" cellspacing="0" cellpadding="8" class="t"> 
<tr> 
<td> 
<table border="1" width="200" cellpadding="0" cellspacing="0"> 
<tr align="center"> 
<td>普</td> 
<td>表</td> 
</tr> 
<tr align="center"> 
<td>通</td> 
<td>格</td> 
</tr> 
</table> 
</td> 
<td>这是一普通的表格</td> 
</tr> 
<tr> 
<td> 

<table width="200" border="1" cellspacing="0" cellpadding="0" frame=above> 
<tr align="center"> 
<td>头</td> 
<td>上</td> 
</tr> 
<tr align="center"> 
<td>有</td> 
<td>天</td> 
</tr> 
</table> 

</td> 
<td>只显示上边框</td> 
</tr> 
<tr> 
<td> 
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=below> 
<tr> 
<td align="center">脚</td> 
<td align="center">下</td> 
</tr> 
<tr> 
<td align="center">有</td> 
<td align="center">地</td> 
</tr> 
</table> 
</td> 
<td>只显示下边框</td> 
</tr> 
<tr> 
<td> 

<table width="200" border="1" cellspacing="0" cellpadding="0" frame=vsides> 
<tr> 
<td align="center">上不着天</td> 
<td>&nbsp;</td> 
</tr> 
<tr> 
<td>&nbsp;</td> 
<td align="center">下不着地</td> 
</tr> 
</table> 

</td> 
<td>只显示左、右边框</td> 
</tr> 
<tr> 
<td> 
<table border="1" cellspacing="0" cellpadding="0" frame=hsides width="200"> 
<tr> 
<td align="center">去掉两边</td> 
<td></td> 
</tr> 
<tr> 
<td></td> 
<td align="center">只剩“王”字</td> 
</tr> 
</table> 
</td> 
<td>只显示上、下边框</td> 
</tr> 
<tr> 
<td>

<table width="200" border="1" cellspacing="0" cellpadding="0" frame=lhs> 
<tr> 
<td width="100" align="center">只</td> 
<td width="100" align="center">有</td> 
</tr> 
<tr> 
<td align="center">左</td> 
<td align="center">边</td> 
</tr> 
</table> 

</td> 
<td>只显示左边框</td> 
</tr> 
<tr> 
<td> 
<table width="200" border="1" cellspacing="0" cellpadding="0" frame=rhs> 
<tr> 
<td width="100" align="center">只</td> 
<td width="100" align="center">有</td> 
</tr> 
<tr> 
<td align="center">右</td> 
<td align="center">边</td> 
</tr> 
</table> 
</td> 
<td>只显示右边框</td> 
</tr> 
<tr> 
<td> 

<table width="200" border="1" cellspacing="0" cellpadding="0" frame=void> 
<tr> 
<td align="center">四周</td> 
<td align="center">去掉</td> 
</tr> 
<tr> 
<td align="center">只留</td> 
<td align="center">中间</td> 
</tr> 
</table> 
</td> 
<td>不显示任何边框</td> 
</tr> 
<tr> 
<td colspan="2"> 
<hr size="1" color=black> 
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。

只显示上边框 &lt;table frame=above&gt;

只显示下边框 &lt;table frame=below&gt; 

只显示左、右边框 &lt;table frame=vsides&gt;

只显示上、下边框 &lt;table frame=hsides&gt;

只显示左边框 &lt;table frame=lhs&gt;

只显示右边框 &lt;table frame=rhs&gt;

不显示任何边框 &lt;table frame=void&gt;</td> 
</tr> 
</table> 
</center> 
</body> 
</html>

 

转载于:https://www.cnblogs.com/275147378abc/p/4677916.html

第八个猴子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
用CSS设置表格Table的细边框的比较好用的方法
09-25
大家经常会发现Table的BORDER设置为1，得到的边框却不是想要的1个像素的细边框，于是很多人去想方设法做出细边框的效果。
table边框线属性
12-12
表格内外边框线的属性 特备针对表格嵌套表格的时候修改样式比较有用
table如何设置边框
glgom的博客
10-14 7万+
1.通过table标签的属性来设置，border="1"边框设置为1，cellspacing="0"单元格间距设置为0.2.通过css样式设置，而且用css可以自动设置边框的粗细、颜色等。
原生table 边框重叠 粗细不一样等问题，秒懂，只需几秒就能完成
柑橘乌云_
04-19 1518
下面的方法前提需要查看是否存在默认样式表设置了边框为border：none的情况，若有，则注释掉 ，默认样式表如果将table、tr、td设置了border：none 可能会导致下面方法失效。下面的方式只需要设置table的一些属性就可以达到目的，不需要用css给每个tr和td设置边框。一、边框粗细相同 （粗边框）二、边框粗细相同 （细边框）
Html-浅谈如何正确给table加边框
qq_45991812的博客
06-09 8774
Html-浅谈如何正确给table加边框
Table表单之border边框操作
LaoYe的博客
09-18 2万+
border样式在平时我们使用的频率是非常高的，但是除了表单table之外，我们几乎都是一对一的使用，一般不会遇到什么问题。 而在table中众多的数据排列在一起，为了将各个数据隔开，我们就不得不使用boder进行操作。由于表格相对其他元素的特殊性，我们在对表单进行表格操作时，往往会遇到一些特殊的情况。 这不最近我在做后台管理时就经常需要和table打...
Html：正确给table表格加边框
彭世瑜的博客
04-17 4万+
【代码】Html：正确给table表格加边框。
HTML table 表格边框的实现思路
12-30
　1、表格无边框，背景颜色设置一种颜色（#DCDFE6），这样表格的边框的颜色就是表格的背景颜色； 　2、单元格间距为1px，背景颜色设置为白色（#FFFFFF） // CSS table { background:#DCDFE6; width: 100%; } ...
HTML table表格边框的控制详细说明
09-28
表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
关于表格table嵌套,边框合并问题的解决方法
09-28
下面小编就为大家带来一篇关于表格table嵌套,边框合并问题的解决方法。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
table边框设置
weixin_33973609的博客
01-19 533
http://www.cnblogs.com/thingk/archive/2013/03/11/2954613.html 一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（...
Html_的table_边框设置
03-04
Html_的table_边框设置
Table边框使用总结 ，只显示你要显示的边框
jaylongli的专栏
11-02 6万+
一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bordercolordark（表格的暗边框颜色）、bgcolor（表格的背景色）、backgr
table边框的相关设置
aStartStudy的博客
11-11 1523
今天写table的时候，发现table的边框无论怎么设置都显得很粗，然后就找了一种方法： 细线表格如果单纯设置边框，很难保证浏览器兼容。常见的做法是利用 CSS2 的 "border-collapse:collapse;" 属性合并表格边框； border-collapse:collapse  如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cell...
HTML5 CSS控制Table内外边框、颜色、大小示例
热门推荐
石虎
06-11 9万+
联系人:石虎 QQ:1224614774昵称:嗡嘛呢叭咪哄 QQ群:807236138群称:iOS 技术交流学习群 在默认的情况下，我们的CSS将Table的边框清除掉了，下面与大家分享下CSS控制Table内外边框、颜色、大小的样式，想学习的朋友可以参考下 其实按照常理来说，现在的网站应该早已经抛弃...
HTML】Table边框使用总结 ，只显示你要显示的边框(内边框，外边框)
hxmandzzx的博客
02-23 3万+
转载地址 http://blog.sina.com.cn/s/blog_6721f25c0101e0l8.html 一、表格的常用属性 基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮
HTML Table设置无边框、无分割线
oYinGui1
09-13 6万+
HTML Table设置无边框、无分割线无边框<table id="tbl" border=1 width="80%" frame=void ></table>​ frame属性指定了对于边框显示的规则，其中可以选择的设置有如下几项： void 设置无边框； above 只显示上边框； below 只显示下边框； vsides 只显示左右边框； hsides 只
CSS如何设置html table表格边框样式
hello world！
01-22 6万+
CSS如何设置table表格边框样式 对table设置css样式边框，分为几种情况： 1、只对table设置边框 2、对td设置边框 3、对table和td技巧性设置表格边框 4、对table和td设置背景，实现完美表格边框 以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察，divcss5均设置所有案例表格为1px实线红色边框为例；tabl
table表格边框虚线合并
最新发布
06-08
您可以使用CSS中的border属性为表格设置虚线边框，如下所示： ```css table { border-collapse: collapse; } td, th { border: 1px dashed black; } ``` 要合并单元格的边框，您可以使用CSS中的border-collapse...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值