こんにちわ、ハル@haru_elpisです。
今回はHTMLでtableタグを使った時、高さの幅を変える方法です。
tableタグのthタグ、tdタグにheightで高さを指定しても変わりません。
それを解決するには「div」タグを使用しCSSでheightを記入する事で、高さが調整できます。
下記が記入例です。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>tableの高さ調整</title>
<style>
td div{
height: 50px;
}
</style>
</head>
<body>
<h1>HTMLの書き方</h1>
<table border="1">
<tr>
<td><div>りんご</div></td>
<td><div>ばなな</div></td>
</tr>
</table>
</body>
</html>
これでtable内のセルの高さを自由に変える事が出来るようになります。
おわりっ
コメント