为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕UI1458911 2017-06-20 20:10:59
查看完整描述

24 回答

已采纳
?
小世界里的白日梦

TA贡献4条经验 获得超23个赞

//img1.sycdn.imooc.com//594a27a40001909704550151.jpg

<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>

查看完整回答
11 反对 回复 2017-06-21
?
Steam_

TA贡献1条经验 获得超2个赞

<!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>


查看完整回答
2 反对 回复 2019-01-20
?
tanya雅

TA贡献3条经验 获得超1个赞

rowspan

查看完整回答
1 反对 回复 2018-09-27
?
Amnesia_

TA贡献1条经验 获得超1个赞

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

查看完整回答
1 反对 回复 2017-06-21
?
慕莱坞2482426

TA贡献25条经验 获得超0个赞


2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10号
2021年9月10

查看完整回答
反对 回复 2021-09-10
?
weixin_慕斯3163249

TA贡献1条经验 获得超0个赞

1111

查看完整回答
反对 回复 2021-08-10
?
成都加米谷大数据

TA贡献94条经验 获得超2个赞

这样试试看

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

查看完整回答
反对 回复 2021-04-06
?
成都加米谷大数据

TA贡献94条经验 获得超2个赞

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

查看完整回答
反对 回复 2021-03-19
?
weixin_慕尼黑4265959

TA贡献1条经验 获得超0个赞

使用表单标签,用dreamover还可以直接创建表格

查看完整回答
反对 回复 2020-06-05
?
慕圣4480347

TA贡献1条经验 获得超0个赞

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>

查看完整回答
反对 回复 2020-03-08
?
子非鱼ya

TA贡献3条经验 获得超0个赞

这个可以啊

查看完整回答
反对 回复 2020-03-06
?
慕九州4422989

TA贡献1条经验 获得超0个赞

这个比较简单吧

查看完整回答
反对 回复 2020-03-06
?
精慕门9417850

TA贡献9条经验 获得超3个赞

啦啦啦啦

查看完整回答
反对 回复 2020-02-21
?
精慕门9417850

TA贡献9条经验 获得超3个赞

哈哈哈啊

查看完整回答
反对 回复 2020-02-21
?
精慕门9417850

TA贡献9条经验 获得超3个赞

合并单元格的代码

查看完整回答
反对 回复 2020-02-21
?
troyoqczaq

TA贡献6条经验 获得超3个赞

如此简单

查看完整回答
反对 回复 2020-02-03
?
qq_慕妹8155745

TA贡献1条经验 获得超0个赞

A


AGA

G

AG

A

G

A

查看完整回答
反对 回复 2019-12-24
?
山高丿路远

TA贡献1条经验 获得超0个赞

<table width="709" height="334" border="1" cellpadding="1" cellspacing="1">

  <tr>

    <td width="90" rowspan="5"><div align="center">合并单元格</div></td>

    <td width="90" rowspan="5"><div align="center">一样原理</div></td>

    <td width="167"><div align="center">1</div></td>

    <td width="167"><div align="center">2</div></td>

    <td width="167"><div align="center">3</div></td>

  </tr>

  <tr>

    <td><div align="center">6</div></td>

    <td><div align="center">4</div></td>

    <td><div align="center">4</div></td>

  </tr>

  <tr>

    <td><div align="center">7</div></td>

    <td><div align="center">2</div></td>

    <td><div align="center">5</div></td>

  </tr>

  <tr>

    <td><div align="center">8</div></td>

    <td><div align="center">3</div></td>

    <td><div align="center">6</div></td>

  </tr>

  <tr>

    <td><div align="center">9</div></td>

    <td><div align="center">8</div></td>

    <td><div align="center">7</div></td>

  </tr>

</table>


查看完整回答
反对 回复 2019-10-19
?
慕数据5042755

TA贡献1条经验 获得超0个赞

我也想知道答案

查看完整回答
反对 回复 2019-08-09
?
HLC_123456

TA贡献2条经验 获得超0个赞

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

查看完整回答
反对 回复 2019-06-18
首页上一页12下一页尾页
  • 24 回答
  • 13 关注
  • 12776 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信