많은 초보자 또는 아마추어 웹 디자이너는 테이블의 배경색을 변경하는 방법을 알고 싶어합니다. 몇 분 만에이 간단한 자습서로이 기술을 실행하는 방법을 배울 수 있습니다. 이 방법은 보이는 것처럼 위협적이지 않습니다. 표의 배경색을 변경하는 것은 색상을 지정하려는 셀, 행 또는 표에 하나의 속성을 추가하는 것만 큼 간단합니다.
시작 방법
bgcolor 속성은 테이블의 배경색과 현재 테이블 행 또는 현재 테이블 셀을 변경합니다. 그러나 bgcolor 속성은 스타일 시트를 사용하지 않으므로 테이블의 배경색을 변경하는 가장 좋은 방법은 아닙니다. 배경색을 변경하는 더 좋은 방법은 background-color 스타일 속성을 표, 행 또는 셀 태그에 추가하는 것입니다. 방법을 배우려면 아래 예제를 참조하십시오.
어떤 이유로 스타일 속성 background-color를 테이블에 추가하지 않으려는 경우 선택할 수있는 대안이 있습니다. 예를 들어, 스타일 시트의 스타일을 문서 머리글 또는 외부 스타일 시트에 설정할 수 있습니다. 다음을 참조하십시오. 표 {배경색 : # ff0000; } tr {배경색 : 노란색; } td {background-color : # 000; }배경색 설정하기열에 배경색을 설정하는 가장 좋은 방법은 스타일 클래스 를 만든 다음 해당 클래스의 셀에 해당 클래스를 할당하는 것입니다. 이 작업을 수행하는 방법은 아래 예제를 참조하십시오. CSS : td.blueCol {background-color : blue; }HTML :
|