웹사이트 간격

적절한 간격과 균형 잡힌 요소를 갖춘 웹 사이트는 시각적으로 더 매력적이고 읽기 쉬울 수 있습니다.

이 기사는 다음 주제들로 구성되어 있습니다 :


다음에서 웹사이트의 간격을 관리할 수 있습니다. 디자인 안내

디자인 섹션에 들어가면 다음을 클릭하세요. 간격 (2) 탭.

또는 스튜디오의 검색 옵션을 사용할 수도 있습니다.

  • 엔터 버튼 간격 (1) 검색창에서.
  • 관련 결과에서 디자인-간격 옵션 (2).


웹사이트 간격

  1. 페이지 콘텐츠 너비 : 웹 사이트 페이지 및 기타 콘텐츠 블록의 최대 너비를 지정합니다.
  2. 사이트 여백: 페이지 콘텐츠와 브라우저 창 가장자리 사이에 남은 공간을 지정합니다.
  3. 사이트 패딩 – 왼쪽: 웹사이트 왼쪽의 공간을 관리하세요. (사용 가능한 브라우저 너비의 백분율로 지정됨)
  4. 사이트 패딩 – 오른쪽: 웹사이트 오른쪽에 있는 공간을 관리하세요. (사용 가능한 브라우저 너비의 백분율로 지정됨)

웹사이트의 왼쪽 및 오른쪽 패딩이 실제로 작동하는지 확인하세요.

 


추가 옵션

  1. 배경 이미지 : 웹사이트의 배경 이미지를 업로드하거나 제거하세요. 크기에 따라 JPG/PNG 이미지를 사용할 수 있습니다. 2048px 너비 x 모든 높이.
  2. 배경 디스플레이: 웹사이트에 배경 이미지를 표시하는 방법을 선택하세요. 두 가지 옵션이 있습니다.
    • 고정 위치: 이를 통해 웹페이지를 스크롤할 때 배경 이미지가 정적으로 유지되어 일관된 배경을 제공합니다.
    • 반복 및 타일링: 배경 이미지는 이미지를 패턴으로 복제하여 전체 배경을 매끄럽게 반복합니다.
  3. 스크롤바 색상: 웹사이트 스크롤바의 색상을 맞춤설정하세요. 네 가지 옵션 중에서 선택할 수 있습니다.
    • 자동 : 스크롤바에는 브라우저의 기본 색상이 적용됩니다.
    • 빛 : 스크롤바 썸의 색상은 흰색 추적기와 함께 회색입니다.
    • 어두운 : 스크롤바 썸의 색상은 검은색 추적기가 있는 회색입니다.
    • 악센트 : Accent에서 스크롤바 썸의 색상을 선택하고 Neutral에서 추적기의 색상을 선택합니다. 색상 안내


원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.