(→방법 1) |
|||
4번째 줄: | 4번째 줄: | ||
==방법 1== | ==방법 1== | ||
*예제: http://jmnote.com/html5/ | *예제: http://jmnote.com/html5/table-1px.php | ||
<source lang='html5' highlight="5,6"> | <source lang='html5' highlight="5,6"> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
19번째 줄: | 19번째 줄: | ||
<tr><td>3</td><td>석삼</td></tr> | <tr><td>3</td><td>석삼</td></tr> | ||
</table> | </table> | ||
</source> | |||
==방법 2== | |||
*예제: http://jmnote.com/html5/table-1px-v2.php | |||
<source lang='html5' highlight="5,6"> | |||
</source> | </source> | ||
2014년 7월 21일 (월) 00:26 판
- HTML 테이블 모든 테두리 1px 주기
- HTML 테이블 모든 테두리 1픽셀 주기
- 1px 테두리 테이블, 1px 테이블
1 방법 1
html
Copy
<!DOCTYPE html>
<meta charset="utf-8" />
<title>테이블 1px 예제</title>
<style type="text/css">
table { border-collapse:collapse; }
th, td { border:1px solid #000000; }
</style>
<table>
<tr><th>번호</th><th>이름</th></tr>
<tr><td>1</td><td>한놈</td></tr>
<tr><td>2</td><td>두시기</td></tr>
<tr><td>3</td><td>석삼</td></tr>
</table>
2 방법 2
html
3 같이 보기
편집자 221.150.66.237 Jmnote 112.159.215.66 121.162.110.90 220.77.191.197
로그인하시면 댓글을 쓸 수 있습니다.
- 분류 댓글:
- HTML table (2)
- CSS (1)
자바스크립트 HTML 테이블 행 추가/삭제 ― Pilming자바스크립트 HTML 테이블 행 추가/삭제 ― Jmnote