728x90 css table3 [CSS] ch04-21. tb3 21_tb.html 주요 국가 통화율 통화명 매매기준율 전일대비 등락률 미국(USD) 1,090,80 1.20 -0.11% 일본(JPY 100) 1,359.59 5.58 -0.41% 중국(CNY) 174.78 0.30 -0.17% 21_tb.css @CHARSET "UTF-8"; table{ border-collapse: seperate; /*기본값 //분리됨*/ border:outset 10px;/*inset:파이게 //outset:튀어나오게 선의 굵기*/ border-spacing:15px; } th,td{ border: inset 5px; } WEB/CSS 2017. 8. 28. [CSS] ch04-20. tb2 20_tb.html 주요 국가 통화율 통화명 매매기준율 전일대비 등락률 미국(USD) 1,090,80 1.20 -0.11% 일본(JPY 100) 1,359.59 5.58 -0.41% 중국(CNY) 174.78 0.30 -0.17% 주요 국가 통화율 통화명 매매기준율 전일대비 등락률 미국(USD) 1,090,80 1.20 -0.11% 일본(JPY 100) 1,359.59 5.58 -0.41% 중국(CNY) 174.78 0.30 -0.17% 20_tb.css @CHARSET "UTF-8"; #tb1{ border:1px solid black; margin-bottom: 20px; } #tb2{ border-collapse: collapse; /*테두리 합침*/ border: 1px solid black; }.. WEB/CSS 2017. 8. 28. [CSS] ch04-19. tb 19_tb.html table layout CONSTRAINT_VALIDATION table layout을 이용한 셀 너비 조절 19_tb.css @CHARSET "UTF-8"; #tb1{ width: 300px;/*테이블 크기 가로*/ table-layout: fixed;/*fixed: 셀 너비 고정, auto: 셀 너비 자동 조정(기본값)*/ word-break: break-all;/*단어를 너비에 맞춰서 쪼개기*/ height:auto;/*테이블 크기 세로*/ /*위치를 나타내는 값은 position// left top*/ } th,td{ border: 1px solid black; padding: 5px; } WEB/CSS 2017. 8. 28. 이전 1 다음 728x90