프로그램
TABLE 태그에서, 외곽선을 엑셀처럼 단선 스타일로 변경.
(주)CKBcorp.,
2014. 6. 22. 06:00
반응형
아니. 음... 그러니까, 원래 html 테이블 그냥 쓰면,
td 에도 border 속성이 먹어서 테이블 셀 단위로 나오잖아?
근데 이걸 엑셀 처럼 단선으로 바꾸어 주는게 필요하단 거지, 인간이 보기엔 훨 편하니까.
말로하긴 거시기하네....
코드가 이러하다면
<html>
<style>
td
{
border:1px solid black;
}
</style>
<body>
<table>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</table>
</body>
</html>
결과는 이러하지.
이걸
이런 식으로 바꾸려면, css style 에 이걸 추가해 주자.
<style>
table
{
border-collapse:collapse;
}
td
{
border:1px solid black;
}
</style>
말 그대로, 엑셀처럼 테두리가 합쳐져서 나온다.
괜히 border-left, top, right, bottom 같은거 일일이 설정한다거나 뭐 그러지 말자( = 나처럼 ).
반응형