Style Sheet で Table を描画

Style Sheet を使うとウインドウ上に自由に配置できます。

今回は Style Sheet で Table を文字に重ねて描画してみます。

Line=1 Column=1	Line=1 Column=2	Line=1 Column=3
Line=2 Column=1	Line=2 Column=2	Line=2 Column=3

【Source Code】

<html>
<head>
<meta charset=utf-8>
<link rel="stylesheet" href="javascript.css" type="text/css">
</head>

<body>
<h2>Style Sheet で Table を描画</h2>
Style Sheet を使うとウインドウ上に自由に配置できます。<br><br> 
今回は Style Sheet で Table を文字に重ねて表示してみます。<br><br>

<div style="position:absolute;left:50px;top:50px;">
<table border="1">
  <tr><td>Line=1 Column=1</td> <td>Line=1 Column=2</td> <td>Line=1 Column=3</td></tr>
  <tr><td>Line=2 Column=1</td> <td>Line=2 Column=2</td> <td>Line=2 Column=3</td></tr>
</table>
</div>

</body>
</html>

Style Sheet を使うとウインドウ上に自由に配置できます。
TEXT や画像を自由に配置は自由に配置を参照して下さい。