<html>
<head>
<style type="text/css">
td{
border:hotpink 2px solid;
width:200px;
height:150px;
text-align:center;
color:black;
font-size:30;
}
.s1{
color:red;
border:dotted 12px;
background-color:yellow;
}
</style>
</head>
<body>
<table align=center>
<tr>
<td colspan="2"> 1</td>
<td> 2</td>
<td> 3</td>
<td> 4</td>
</tr>
<tr>
<td> 5</td>
<td rowspan="3" class="s1"> 6</td>
<td >7</td>
<td colspan="2">8</td>
</tr>
<tr>
<td> 9</td>
<td> 10</td>
<td rowspan="2"> 11</td>
<td> 12</td>
</tr>
<tr>
<td> 13</td>
<td> 14</td>
<td> 15</td>
</tr>
</table>
</body>
</html>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| 배열사용 (0) | 2015.02.07 |
|---|---|
| 주석 (0) | 2015.02.07 |
| 1~100까지 10X10칸만들기(5의 배수표시) (0) | 2015.02.05 |
| 버튼색변경 (0) | 2015.02.05 |
| html onclick 이벤트 (0) | 2015.02.05 |
