본문 바로가기

IT노트(구)/HTML/CSS

table에서 특정 td 왼쪽 선을 없애고 싶을 때

예를 들어

테이블에서 특정 td의 왼쪽 선을 없애고 싶을 때

다음과 같이 하면 된다!


<table border=1>

    <tr>
        <td style="border-left: none;"
></td>
    </tr>
</table>


상하좌우 모두 처리할 수 있다!

각각 다음과 같은 옵션을 주면 된다!


border-top: none; // 상
border-bottom: none; // 하
border-left: none; // 좌
border-right: none; // 우


이 옵션을 활용하면

십자가도 만들 수 있고

무궁무진하게 응용이 가능하다!