반응형
테이블 테스트
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
td[rowspan="3"]
{
background-color: #81DAF5;
}
td[colspan]
{
background-color: PINK;
}
</style>
</head>
<body>
<table height="1000" width="1000" border="1" bordercolor="GRAY" >
<tr>
<td valign="top" rowspan="3" align="left">일</td>
<td colspan="3">이</td>
</tr>
<tr>
<td colspan="2">삼</td>
<td valign="bottom" rowspan="3">사</td>
</tr>
<tr>
<td>오</td><td>육</td>
</tr>
<tr>
<td bgcolor="PINK" colspan="3">칠</td>
</tr>
<!-- #81DAF5:연한파란색 -->
<tr>
</table>
</body>
</html>
반응형
'콩's EDUCATION > 콩's Javascript' 카테고리의 다른 글
variable 변수 (0) | 2014.06.10 |
---|---|
style 예제 (0) | 2014.06.10 |
script 예제 (0) | 2014.06.10 |
html 기본 (0) | 2014.06.09 |
Javascript 숙제 1 : 설문조사 폼 만들기 (0) | 2014.06.09 |