작성자: Gu Yanying
Dreamweaver에 표를 삽입합니다. "테두리"를 1로 설정하면 미리 볼 때 경계선이 더 두꺼워집니다. HTML 언어에 익숙하지 않은 웹 페이지 제작자가 얇은 모서리를 가진 테이블을 어떻게 빠르게 만들 수 있습니까? 다음으로 약간의 요령을 소개하겠습니다. 배경색과 간격을 교묘하게 사용하여 얇은 가장자리 테이블을 만드는 것입니다.
예를 들어 4행 3열과 가는 빨간색 테두리가 있는 표를 만듭니다.
1단계 Dreamweaver의 디자인 뷰에 4행 3열이 있는 표를 삽입합니다.
2단계 "속성" 패널에서 이 테이블의 속성을 다음과 같이 설정합니다. 여백(CellPad)은 필요에 따라 값을 설정합니다(예: 10). 간격(CellSpace)은 1입니다. Bg 색상)은 빨간색입니다.
3단계 이 테이블의 모든 셀을 선택하고 "속성" 패널에서 모든 셀의 속성을 다음과 같이 설정합니다. 배경색(Bg)이 흰색 또는 빨간색 이외의 색상입니다.
마지막으로 웹 페이지를 저장하고 F12를 눌러 미리 봅니다. 4행 3열의 얇은 빨간색 라인 테이블이 눈앞에 놓여져 있는 것은 어떨까요?
또한 평소처럼 레이아웃과 위치 지정에 테이블을 사용하고 싶지만 외부 테두리 선이 가는 선으로 표시되고 내부 셀 구분선이 표시되지 않는 한 중첩된 테이블을 함께 사용할 수 있습니다. 다음은 작업 방법을 설명하기 위해 빨간색 얇은 선을 표의 외부 테두리로 사용합니다.
1단계 Dreamweaver의 디자인 뷰에 행 1개와 열 1개로 구성된 표를 삽입합니다.
2단계 "속성" 패널에서 이 테이블의 속성을 다음과 같이 설정합니다. "여백"은 필요에 따라 설정됩니다(예: 5). "테두리"는 0이고 "배경색"은 빨간색입니다.
3단계 이 테이블의 유일한 셀을 선택하고 "속성" 패널에서 이 셀의 "배경색"을 흰색 또는 빨간색 이외의 색상으로 설정합니다.
4단계 1개의 행과 1개의 열이 있는 테이블에 커서를 놓고 필요에 따라 여러 행과 열이 있는 중첩 테이블을 삽입합니다. 이 중첩 테이블의 "테두리"는 0으로 설정되어야 하며 "여백"과 "간격"은 설정되어야 합니다. "는 필요에 따라 설정하거나 설정하지 않을 수 있으며 다른 속성은 설정되지 않을 수 있습니다.
이러한 방식으로 텍스트, 그림 및 기타 웹 페이지 요소를 중첩된 테이블의 다른 셀에 삽입할 수 있습니다.
조금 유혹을 받나요? 지금 사용해 보세요!