HTML表格 关于行和列的问题
来源：互联网 发布：js 短路求值 编辑：程序博客网 时间：2024/06/03 21:31
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
</table>
<br>
<table style="text-align:right;" border='1' width='500' height="500">
<tr>
<td align="center">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr align="center">
<td width="200">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr style="vertical-align:top;">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
//此表格能做出来超级细的边框原理如下<br>
//个人总结：在合并列的时候（colspan='n'）就把的当前行当前列（即当前单元格）下面的列删除任意n-1列；
// 在合并行的时候（rowspan='n'）就把当前行下的（n-1）行中 每行删除任意一列
<table border='0' bgcolor='#000000' cellspacing='1'
style="text-algin:center" width='400' height='200' >
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
</table>
<br>
<table style="text-align:right;" border='1' width='500' height="500">
<tr>
<td align="center">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr align="center">
<td width="200">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr style="vertical-align:top;">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
//此表格能做出来超级细的边框原理如下<br>
//个人总结：在合并列的时候（colspan='n'）就把的当前行当前列（即当前单元格）下面的列删除任意n-1列；
// 在合并行的时候（rowspan='n'）就把当前行下的（n-1）行中 每行删除任意一列
<table border='0' bgcolor='#000000' cellspacing='1'
style="text-algin:center" width='400' height='200' >
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr bgcolor='#ffffff' align='center'>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
</body>
</html>
阅读全文
0 0
- HTML表格 关于行和列的问题
- HTML动态增加和删除表格的行和列
- Html:如何固定表格的标题行和标题列
- 关于表格冻结行和列的方法
- 表格列拖动在.html和.jsp中的问题
- Html中JavaScript对表格的控制，行和列的增删
- html中表格table冻结行和列
- 关于vue 表格table列求和的问题
- HTML表格合并行和列
- 动态添加表格的行和列
- 表格行和列的交换
- HTML ,CSS关于表格,边框美化的问题
- html上下列数不同的表格
- 求助:JSP或HTML静态页面实现对Tabel表格行和列的合并和拆分
- HTML 表格的标题 占多行或者多列的表格
- 关于HTML的表格标签
- 关于html表格的理解
- HTML 表格跨行与跨列
- webservice接口的生成与调用
- File存储
- USB驱动--设备驱动程序
- CodeForces 732D Exams （思维+set乱搞）
- union all和union区别
- HTML表格 关于行和列的问题
- doxygen+graphviz 绘制工程的结构图技巧小结
- centos php5.6环境缺少dom extension
- oracle的分析函数简单应用和与聚合函数的区别
- python之list,tuble,dict和set
- npm更新至最新版本
- linux-基础命令
- rsync+inotify
- Qt中进度条的简单实例
