テーブルと行とセル

スポンサーリンク
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>【CSS】テーブルと行とセル</title>
</head>

<style>
table {border:solid 2px #CCC; border-collapse:separate;}
td {border:solid 2px #3F9; background-color:#FF6; padding:10px;}
</style>

<body>
<table>
<tr><td>7</td><td>15</td><td>4</td><td>17</td><td>25</td></tr>
<tr><td>11</td><td>1</td><td>5</td><td>12</td><td>7</td></tr>
<tr><td>9</td><td>14</td><td>6</td><td>16</td><td>2</td></tr>
<tr><td>10</td><td>8</td><td>21</td><td>22</td><td>24</td></tr>
<tr><td>13</td><td>18</td><td>25</td><td></td><td>3</td></tr>
</table>
</body>
</html>