예를 들어
테이블에서 특정 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; // 우
이 옵션을 활용하면
십자가도 만들 수 있고
무궁무진하게 응용이 가능하다!
'IT노트(구) > HTML/CSS' 카테고리의 다른 글
<meta charset="UTF-8" /> 태그를 사용해도 한글이 깨지는 경우 (0) | 2015.12.21 |
---|---|
div 자체를 가운데 정렬 시키는 방법 (0) | 2015.12.14 |
html에서 탭 키 눌렀을 때 순서대로 이동하게 하는 방법(tabindex 이용) (0) | 2015.12.07 |
(html/css) 텍스트 관통하는 선(취소선) 그리는 방법 (0) | 2015.12.07 |
(html) 30초마다 자동으로 새로고침 방법 (1) | 2015.12.07 |