css로 table 속성 지정 2(cellpadding, cellspacing 을 css로)
css로 table 속성 지정 2(cellpadding, cellspacing 을 css로) 어제는 css로 table 너비, 높이, 글자색, 배경색, 선그리는 방법을 알아 보았습니다. css로 table 속성 지정(너비,높이,글자색,배경색,선그리기) 오늘은 셀 여백(cellpadding과 셀 간격(cellspacing)을 css로 지정하는 방법입니다. ▶css로 셀 여백 지정하기 셀 여백은, 내용과 border 사이의 공간을 말합니다. html에서는 table에 cellpadding을 지정하면 td와 th셀에 여백이 생겼습니다. 월요일화요일수요일 음악미술체육 (1) cellpadding 적용하지 않은 table (2)cellpadding="20px" 지정 css에서는 셀 여백을 지정할 때 padding..
2014. 6. 26.
css로 table 속성 지정(너비,높이,글자색,배경색,선그리기)
css로 table 속성 지정(너비,높이,글자색,배경색,선그리기) 태그를 배우면서 html5에서 지원하지 않는 속성을 언급했습니다. table 태그, tr 태그, th 태그, td 태그와 table 속성 정리 html5에서 지원하지 않는 속성: border, cellpadding, cellspacing, align, bgcolor, frame, width 등 table 역시 디자인이나 표현에 관한 것은 css로 분리하여 지정하는 것이 좋은데요. table 관련 속성들을 css로 지정하는 방법을 몇 차례에 걸쳐 다루어 보겠습니다~ ▶table 너비와 높이 css로 지정하는 법 html에서 너비와 높이를 지정하려면 이렇게 하지요 월요일화요일수요일 음악미술체육 css에서는 이렇게 합니다 월요일화요일수요일 음악..
2014. 6. 25.
white-space 속성(pre, pre-wrap, pre-line 차이)
white-space 속성(pre, pre-wrap, pre-line 차이) 오늘은 요소 안에 공백 처리를 어떻게 할지 지정하는 속성입니다. white space란 여백이라고도 하는데 html에서는 공백, 공란으로 이해하면 됩니다. ▶태그 작성 시 공백은 어떻게 만들어질까요? 공백은, 줄바꿈(line break), 들여쓰기(tab), 공백(space) 등으로 만들어집니다. 아래와 같은 코드를 작성한다고 하면(검은색 글씨) 빨간색으로 표시한 부분으로 공백이 만들어 집니다. tab키는 들여쓰기, space키는 공백, enter키는 줄바꿈 html 코드 작성시 공백은 아무리 많이 입력해도 1개만 표시합니다. 하나 이상의 공백을 표시하기 위해서 를 써야 하고요. 하지만 태그를 사용하면 공백이나 줄바꿈을 있는 그..
2014. 6. 17.
