网页设计表格单元格线条及边框设置

本文关键字：网页,表格,设置 灵活的在网页设计中使用单元格线条及边框，可以大幅提高网页开发的效率，下面我们就来实际分析一下。

图1 网页中的单元格线条示范

其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到标签中都有rules。它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。

　　表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。

　　只显示上边框＜tableframe=above>

　　只显示下边框＜tableframe=below>

　　只显示左、右边框＜tableframe=vsides>

　　只显示上、下边框＜tableframe=hsides>

　　只显示左边框＜tableframe=lhs>

　　只显示右边框＜tableframe=rhs>

　　不显示任何边框＜tableframe=void>

转载于:https://www.cnblogs.com/liaoshiyong/p/3150828.html

网页设计表格单元格线条及边框设置相关推荐

网页表格线框html,网页表格中单元格线条及边框的设置
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到标签中都有rules.它有三个参数(cols,rows,none),当rules=cols时,表格会 ...
poi设置word表格单元格宽度_java poi 设置word 格式如表格一类的
2012-05-29 回答你好,试试以下代码行不行. package com.sample; import java.awt.color; import java.io.fileoutputstre ...
NPOI合并单元格后的边框设置
通过NPOI将单元格B2-C3进行单元格合并,并添加边框.一开始我的写法是这样的: static void Main(string[] args){HSSFWorkbook workbook = ne ...
html表格单元格的小姐姐设置,【Python3+VBA】在Excel中生成小姐姐
下载W3Cschool手机App,0基础随时随地学编程>>戳此了解视频预览导语利用简单的Python和VBA程序在Excel中生成小姐姐. 感觉很有趣,让我们愉快地开始吧~~~ 相关 ...
设置单元格填充方式_单元格的选择及设置单元格格式
数据输入完毕,接下来可以设置字体.对齐方式.添加边框和底纹等方式设置单元格格式,从而美化工作表.要对单元格进行设置,首先要选中单元格. 选择单元格选择单元格是指在工作表中确定活动单元格以便在单元格中 ...
html暗边框属性,HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK 互联网发布时间:2008-10-17 18:56:36 作者:佚名我要评论在单元格中,可以单独定义暗 ...
修改el-table表格单元格边框颜色
修改el-table表格单元格边框颜色第一步:设置除表头单元格边框样式 :cell-style="{borderColor:'#C0C0C0'}" 第二步:设置表头单元格边框样式 ...
java通过poi生成excel表格(自适应列宽、合并单元格后的边框添加)
具体java通过POI读写Excel的基本使用方法可参考: POI读写Excel的基本使用 1.项目导入依赖:  <dependency><group ...
html某一单元格边框颜色,javascript – jQuery：更改ONE表格单元格的边框颜色
我在这里有一个简单的 HTML选项表: blue green red cream 具有相关样式的CSS: td { background-color: #FFF; border: 1px solid ...

网页设计表格单元格线条及边框设置

网页设计表格单元格线条及边框设置相关推荐

最新文章

热门文章