Dreamweaver에서 가로줄(수평선)을 삽입하면 이 선은 기본적으로 회색으로만 표시되며 대부분의 경우 요구 사항을 충족하지 않습니다. 다른 색상의 직선(픽셀만큼 얇은 선도 포함)을 삽입하려면 어떻게 해야 하나요?
먼저 문서창(웹페이지 편집창)의 적절한 위치에 가로줄을 삽입한 후
Ctrl + F3을 눌러 가져옵니다. 속성 관리자 패널 위로 이동),
이 속성 패널에서 음영 앞의 상자를 선택 취소합니다. 이 선의 길이를 설정하려면 W에 픽셀 값(픽셀) 또는 백분율을 입력하세요. H에 1을 입력하면 이 선이 1픽셀처럼 매우 얇아집니다. 더 굵은 선을 원할 경우 H에 더 큰 값을 입력하세요. 이렇게 가는 와이어가 삽입되는데 이 와이어가 회색이고 속성 패널에서 색상을 설정할 수 없다는 것을 알 수 있습니다. 다른 색상을 설정하고 싶다면 CSS를 통해 제어할 수 있습니다. DreamWeaver에서는 CSS 설정이 매우 쉽고 CSS 구문을 전혀 이해할 필요도 없습니다.
텍스트 메뉴에서 CSS 스타일 | 새 스타일을 선택하고,
"새 스타일" 대화 상자에서 이름 열에 "colorline"과 같은 이름을 입력하고 정의 라디오 버튼에서 "이 문서만"을 선택하고 확인을 클릭합니다. 그러면 .colorline에 대한 스타일 정의 대화 상자가 나타납니다.
유형 프로젝트에서 빨간색 등 원하는 색상을 선택한 다음 확인을 클릭하고 완료를 클릭하면 새 스타일이 생성됩니다. 웹페이지 편집창에서 얇은 선을 선택하고 Text | CSS style | colorline을 클릭하세요. (colorline은 방금 생성한 새로운 스타일입니다.) 웹페이지 편집창에서는 선의 색상이 여전히 회색이지만 미리보기를 하려면 F12를 누르세요. 브라우저에서 삽입된 얇은 선의 색상이 원하는 빨간색으로 변경된 것을 확인할 수 있습니다.
1픽셀만큼 얇은 컬러 선을 삽입하는 또 다른 방법이 있습니다. 먼저 웹 페이지 편집 창에서 행과 열이 1개인 표를 삽입한 다음 표에 1픽셀 × 1픽셀의 투명 이미지를 삽입합니다(페이지 제어). dreameaver4에서 레이아웃에 사용된 스페이서 이미지는 바로 그러한 이미지이므로 소프트웨어를 사용하여 이러한 이미지를 만드는 방법을 모르는 경우 dreameaver4에서 다음과 같이 생성할 수 있습니다.
개체 패널에서 먼저 개체 패널의 보기에서 레이아웃 보기를 클릭한 다음 레이아웃 테이블 그리기를 클릭하고 웹 페이지 편집 창에서 드래그하여 레이아웃 테이블을 생성한 후 테이블의 드롭다운 메뉴에서 공백 추가를 클릭합니다. 헤더.
스페이서 이미지를 생성하고 저장합니다. 이 스페이서 이미지는 1픽셀 × 1픽셀 투명 이미지입니다. 그런 다음 테이블의 속성을 다음과 같이 설정합니다. H(높이)는 1픽셀(1픽셀), W(너비)는 원하는 너비(픽셀 값이나 백분율을 입력할 수 있음), 셀 패드, 셀 공간, 테두리에 0을 입력하고 그런 다음 Bg Color(배경색)에서 원하는 색상을 선택하면 색상이 지정된 가로 가는 선이 삽입됩니다.
H 값을 높이면 선이 굵어집니다. 컬러 세로 가는 선을 삽입하려면 H를 원하는 높이 값으로, W를 0으로 설정하고 기타 설정은 위와 동일하게 세로 가는 선을 삽입합니다. 웹페이지 편집창에서는 색상이 여전히 회색인데 F12를 눌러 미리보기를 해보면 삽입된 얇은 선의 색상이 원하는 색상으로 변경된 것을 브라우저에서 확인할 수 있습니다.