Maison > Article > interface Web > 如何显示成这样的样式？_html/css_WEB-ITnose
如何显示成这样的样式？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 09:44:311018parcourir
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>
具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。
晕死，原来我多加了个行属性，真是大意呀，感谢！
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：link css定位问题，非常简单_html/css_WEB-ITnoseArticle suivant：个网页登陆后不是原来那里显示登陆的变成你的登陆名或怎么的，是怎么做到的_html/css_WEB-ITnose