>  기사  >  웹 프론트엔드  >  如何显示成这样的样式?_html/css_WEB-ITnose

如何显示成这样的样式?_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 09:44:311020검색

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>

具体细节可以通过调节字体大小和字体排列方向达成和你效果图里面的一致。

晕死,原来我多加了个行属性,真是大意呀,感谢!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.