더 좋은 방법
훨씬 좋다니까요 | 이 작은 테이블에 마크업(HTML)이 얼마나 될까요? 2.1k입니다. 여기에는 4개의 행과 2개의 열이 있어요. 그러나 간격용 GIF는 사용하지 않았지요. |
그렇다니까요 | 게다가 이들 점선 모두는 CSS로 처리했고 완전히 유효한 것입니다.
|
이것은 8개 테이블과 4개의 셀 규칙으로 이루어진 것입니다. | 자세히 보면, 8개 셀과 4개의 CSS 규칙이 전부이죠.
|
필요한 것은 <table>, <td>, <ul>, 그리고 <li> 규칙입니다. | 그래요. 예 잘 하셨습니다.
|
다음은 불필요한 마크업(HTML)을 제거하기 위해 사용된 CSS 코드이다.:
table{ border-bottom:1px dotted fuchsia; border-left:1px dotted fuchsia }
td{ padding:11px 20px 20px 11px; border-top:1px dotted fuchsia; border-right:1px dotted fuchsia }
ul { margin-top:10px; margin-bottom:
10px; margin-left:0; padding-left:1em }
li{ margin-bottom:10px }