[html 표 table]html TABLE(표)표에 색입히기

안녕하세요. 필자입니다. 오늘은 너무~간단한 표에 색입히는법을 알려드리려 합니다.

표는 이렇게 생겼습니다.

이름	설명
몰라요	모릅니다

이표랑 다르게 생겼겠을수도요.

이름	설명
ㅂㅂ	ㅇㅇ

제일 위에 있는 표는 표에 색이 입혀있는데요.

비결은 바로 여기있습니다.

html 소스속의 bordercolor,cellspacing

한번 bordercolor를 이용하여 표를 수정해보겠습니다.

이름	설명
ㅂㅂ	ㅇㅇ

위와 같이 선에 구멍이 사라졌습니다.

더 보기 좋고요.

그중  bordercolor은 말 그대로 선의 색상입니다.

bordercolor = "gray"

그리고 cellspacing은 셀의 구멍 안을 조정한다는 뜻으로 0 으로 하시면 됩니다.

cellspacing = "0"

전체소스는

<table border="1" bordercolor="gray" cellspacing = "0" style="width:100%;">

<tr>

<td style="width:10%;">이름</td><td style="width:60%;">소속</td><td style="width:40%;">비고</td>

</tr>

<tr>

<td>이동마이</td><td>이동마이의 컴퓨터 하루</td><td>-</td>

</tr>

</table>

형식으로 하시면 됩니다.

   

아래의 손가락버튼을 눌러주시면 블로그에 큰 힘이 됩니다.