프로그램

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 같은거 일일이 설정한다거나 뭐 그러지 말자( = 나처럼 ). 




 


반응형