테이블 테두리를 구현하기 위해 테이블 ​​및 td의 배경을 설정하는 방법

많은 친구들이 테이블 스타일 설정 방법에 대해 매우 고민하고 있습니다. 오늘은 css 테이블 스타일 설정 방법에 대해 자세히 설명하겠습니다. 테이블에만 테두리를 설정하는 것입니다. td의 테두리 및 테이블과 td의 테두리 설정 이제 테이블 테두리를 구현하기 위해 테이블과 td의 배경을 설정하는 방법을 보여 드리겠습니다.

먼저 테이블 css 배경을 빨간색으로 설정합니다

그런 다음 테이블 셀 사이의 간격을 1로 설정합니다.
DW 소프트웨어를 사용하여 테이블 셀 간격을 1로 설정하는 데 도움을 줍니다. 먼저 특정 DW 소프트웨어 시각화 작업 단계를 간략하게 설명합니다. (보기 모드)를 선택하면 해당 DW 소프트웨어 편집 창 하단에 "속성" 패널이 나타나고 해당 테이블양식 속성 설정 장소가 나타납니다. "간격"을 다음과 같이 입력합니다. "1". 이때 테이블 레이블의 셀 간격 값이 "1"(cellspacing="1")임을 알 수 있습니다.

DW 소프트웨어를 사용하여 표 셀 사이의 간격을 설정하거나

태그에서 cellpacing="1"을 직접 설정하면 다음과 같은 결과가 나타납니다.

<table width="400" border="0" cellspacing="1" cellpadding="0">

표 td 배경을 흰색으로 설정

css 코드:

<style> 
.table-d table{ background:#F00} 
.table-d table td{ background:#FFF} 
/* 
css注释：设置table背景为红色，td背景为白色 */ 
</style>

해당 HTML 소스코드:

 
<table width="400" border="0" cellspacing="1" cellpadding="0"> 

站名	网址	说明
DIVCSS5	www.divcss5.com	CSS学习
CSS5	www.css5.com.cn	CSS切图

로그인 후 복사