DreamWeaver 테이블의 마법 같은 활용 - 와이어프레임 제작에 대한 자세한 설명(3)
저자:Eve Cole업데이트 시간:2009-05-30 18:36:25
2> 가는 선 테두리 제작
얇은 선 테두리는 웹 페이지에서 콘텐츠의 위치를 지정하고 구별하는 데 일반적으로 사용되는 방법입니다. 특정 이미지와 함께 사용하면 좋은 결과를 얻을 수 있는 경우가 많습니다.
우리 모두 알고 있듯이 소위 얇은 테두리는 1개의 행과 1개의 열이 있는 단순한 테이블처럼 보입니다. 그러면 테이블 개체의 Border 값을 1로 설정하면 될까요? 아래의 생산 효과를 참조하십시오:
마찬가지로 웹 페이지의 지정된 위치에 단일 행 및 단일 열 테이블을 삽입합니다. 마우스를 사용하여 테이블 외부 프레임의 일부를 클릭하여 속성 패널에서 "테두리" 값을 1로 설정합니다. 그림과 같이 다른 "CellPad"를 동시에 설정할 수도 있습니다.
미리보기 상태의 다양한 효과에 대한 그림:
위의 그림에서 단순히 테두리를 1로 설정하는 것만으로는 효과를 얻을 수 없다는 것을 쉽게 알 수 있습니다. 테이블의 "영리한" 설정을 통해 필요한 정밀도를 얻는 방법을 살펴보겠습니다.
또한 위 표에서 속성 패널의 "border"와 "cellpad"를 "0"으로 설정하고 "cellspace"를 "1"로 설정합니다. "Cellspace"는 셀 사이의 거리를 나타냅니다. 그림과 같이
테이블의 "Bgcolor"를 "red"로 설정하고, 셀의 "Bgcolor"를 동일한 웹 페이지 배경색인 "white"로 설정합니다. 미리보기 효과는 다음과 같습니다.
모두가 쉽게 이해할 수 있도록 여기서는 저자가 조금 설명하겠습니다. 그 중 "CellSpace"를 1로 설정했습니다. 테이블의 배경색을 설정할 때 이 부분이 당연히 포함되어 있었습니다. 후속 셀 설정은 이를 "덤프"했습니다. 이렇게 하면 표시 효과가 높아지므로 표의 배경색을 변경하면 테두리 색상도 변경됩니다.