亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么用html 或CSS寫出下列的表單樣子

怎么用html 或CSS寫出下列的表單樣子

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

24 回答

已采納
?
小世界里的白日夢

TA貢獻4條經驗 獲得超23個贊

http://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 關注
  • 13562 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號