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

已采纳

小世界里的白日梦

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

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

<html>

<head>

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

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

11 反对回复 2017-06-21

qq_天篷丿元帅_03671279
能注意下格式吗？？

回复 2017-10-10
HLC_123456
是啊，我也是这么觉得

回复 2019-06-18
慕前端8288822
11111

回复 2019-07-02

慕桂英5357533

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			
			table{
				border-collapse:collapse;
			}
			table td{
				border:1px solid #0099FF;
				width:80px;
				height:10px;
				text-align:center;
			}
			.one{
			   vertical-align:top;
			}
			.two{
				vertical-align:top;
			}
		</style>
	</head>
	<body>
		<table border="1">
			<tr>
				<td rowspan="4" class="one">1</td>
				<td rowspan="4" class="two">200</td>
				<td>A</td>
				<td>80</td>
				<td>40%</td>		
			</tr>
			<tr>
				<td>B</td>
				<td>96</td>
				<td>48.00%</td>
			</tr>
				<tr>
				<td>C</td>
				<td>18</td>
				<td>9.00%</td>
			</tr>
			<tr>
				<td>D</td>
				<td>6</td>
				<td>3.00%</td>
			</tr>
		</table>
	</body>
</html>

10 反对回复 2018-01-19

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>

2 反对回复 2019-01-20

慕斯4031925

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

sbrdx

2 反对回复 2017-09-17

tanya雅

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

rowspan

1 反对回复 2018-09-27

Amnesia_

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

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

1 反对回复 2017-06-21

慕标0481585

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

反对回复 2021-05-31

成都加米谷大数据

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

这样试试看

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

反对回复 2021-04-06

成都加米谷大数据

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

用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贡献12条经验获得超3个赞

啦啦啦啦

反对回复 2020-02-21

精慕门9417850
嗯嗯嗯嗯

回复 2020-02-21

精慕门9417850

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

哈哈哈啊

反对回复 2020-02-21

精慕门9417850

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

我来回答

反对回复 2020-02-21

精慕门9417850

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

合并单元格的代码

反对回复 2020-02-21

精慕门9417850
嗯嗯嗯

回复 2020-02-21

精慕门9417850

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

范德萨范德萨

反对回复 2020-02-07

troyoqczaq

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

如此简单

反对回复 2020-02-03

qq_慕妹8155745

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

A

AGA

G

AG

A

G

A

反对回复 2019-12-24

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

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

34 回答

相关问题推荐

添加回答

回复

热搜

最近搜索清空

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

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

34 回答

相关问题推荐

添加回答

回复