Home > Article > Web Front-end > 如何显示成这样的样式？_html/css_WEB-ITnose
如何显示成这样的样式？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:44:311023browse
HTML 表格 样式
如图，我想显示成上图的那种表格样式，我自己的代码实现不了，不知道怎么搞的，上代码给大家看看，求高手指点。
<table border=1><tr><td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td><td rowspan="3">是是</td><td colspan="11" rowspan="3" >是是</td></tr><tr><td colspan="2">是是</td><td rowspan="2">是是</td><td colspan="2">是是</td><td colspan="3">是是</td><td>是是</td><td>是是</td><td>是是</td></tr><tr><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td><td>是</td></tr></table>
回复讨论(解决方案)
<!doctype html><html><head><meta charset="utf-8" /></head><body><table border="1"><tr> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td colspan="11">是是</td></tr><tr> <td colspan="2">是是</td> <td rowspan="2">是是</td> <td colspan="2">是是</td> <td colspan="3">是是</td> <td>是</td> <td>是</td> <td>是</td></tr><tr> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td></tr></table></body></html>
具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。
<!doctype html><html><head><meta charset="utf-8" /></head><body><table border="1"><tr> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td rowspan="3">是是</td> <td colspan="11">是是</td></tr><tr> <td colspan="2">是是</td> <td rowspan="2">是是</td> <td colspan="2">是是</td> <td colspan="3">是是</td> <td>是</td> <td>是</td> <td>是</td></tr><tr> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td> <td>是</td></tr></table></body></html>
具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。
晕死，原来我多加了个行属性，真是大意呀，感谢！
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：link css定位问题，非常简单_html/css_WEB-ITnoseNext article：个网页登陆后不是原来那里显示登陆的变成你的登陆名或怎么的，是怎么做到的_html/css_WEB-ITnose