HTml的表格创建

来源:互联网 发布:信用卡网络限额增加 编辑:程序博客网 时间:2024/05/17 18:42

1.创建基本的表:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好,html</title></head><body><table border="1"><tr><td>1-1</td><td>1-2</td></tr><tr><td>2-1</td><td>2-2</td></tr></table></body></html>

2.单元格的合并:

行合并:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好,html</title></head><body><table border="1"><tr><td colspan="2">1-1-2</td></tr><tr><td>2-1</td><td>2-2</td></tr></table></body></html>

列合并:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好,html</title></head><body><table border="1"><tr><td>1-1</td><td rowspan="2">2,1-2</td></tr><tr><td>2-1</td></tr></table></body></html>

3.对齐:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好,html</title></head><body><table border="1" width="300"><tr align="center"><td>1-1</td><td>1-2</td></tr><tr><td>2-1</td><td>2-2</td></tr></table></body></html>

4.字和边框的距离:

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>你好,html</title></head><body><table border="1" cellpadding="200px"><tr align="center"><td>1-1</td><td>1-2</td></tr><tr><td>2-1</td><td>2-2</td></tr></table></body></html>








0 0
原创粉丝点击