猿问
下载APP

怎么用html 或CSS写出下列的表单样子

http://img.mukewang.com/594910c10001df4205860094.jpg

慕UI1458911
浏览 11392回答 87
87回答

小世界里的白日梦

<html><head><meta charset="utf-8"><title></title> <style> table{ border-collapse:collapse; } table td{  border:1px solid #ddd;  width:80px;  height:30px;  text-align:center; } .one{  vertical-align: top; } .two{ vertical-align: top; } </style></head><body><table> <tr> <td rowspan="3" class="one">1</td> <td rowspan="3" class="two">2</td> <td>A</td> <td>28</td> <td>12%</td> </tr> <tr> <td>B</td> <td>56</td> <td>98%</td> </tr> <tr> <td>A</td> <td>33</td> <td>42%</td> </tr></table></body></html>

Steam_

<!doctype html><html><head><meta charset="utf-8"><title>表格</title> <style type="text/css">  .table{   border:1px solid #333;} </style></head><body> <table cellspacing="0" cellpadding="0">  <tr class="table">         <td rowspan="4" class="table">1</td>            <td rowspan="4" class="table">200</td>            <td class="table">A</td>            <td class="table">80</td>            <td class="table">40.00%</td>        </tr>        <tr>         <td class="table">B</td>            <td class="table">96</td>            <td class="table">48.00%</td>        </tr>        <tr>         <td class="table">C</td>            <td class="table">18</td>            <td class="table">9.00%</td>        </tr>        <tr>         <td class="table">D</td>            <td class="table">6</td>            <td class="table">3.00%</td>        </tr> </table></body></html>

tanya雅

rowspan

Amnesia_

直接用表格。前面两个用rows="4"就可以了

慕莱坞8333017

2296366399885309972029730964204108644986964295308411853309745317855277663189639675308074307533197337535891950821785539035377618431197751914372425973754399321287002601937508442162488737554009635874784341765105541954387310228641099285254173320844353931877196476524698962215287610659217714957021255306537610910576787194288843997

慕莱坞8333017

7727495916783636175839870013814818787286392756021965434628128452445514329482326413333271338743358182532340665254308008444739684511173224756791607971360945148337305345751494519909156109390571872524764845464450251780649698720509081193239578561279210574497344580339796644934647907686650770233248307748113050494796972799721345381

weixin_慕斯3163249

1111

成都加米谷大数据

这样试试看<!doctype html><html><head><meta charset =“ utf-8”><title>表格</ title>

成都加米谷大数据

用html中的表格标签做出相应行列的表格,然后用css修饰表格。

weixin_慕尼黑4265959

使用表单标签,用dreamover还可以直接创建表格
打开App,查看更多内容
随时随地看视频慕课网APP
继续浏览精彩内容
慕课网APP
程序员的梦工厂
继续