블록 꾸미기: 테두리, 배경, 여백, 그림자

← 뒤로

블록 위에 마우스를 올리고 톱니바퀴를 클릭하면 «테두리», «블록», «텍스트», «링크», «애니메이션», «위치 지정» 탭이 있는 스타일 창이 열립니다.

블록 위에 마우스를 올리면 톱니바퀴가 나타납니다. 헤더, 푸터, 콘텐츠 영역, 폼 열, 카드 등에서 사용할 수 있습니다. 톱니바퀴를 클릭하면 스타일 창이 열립니다.

각 항목의 위치:

  • «테두리» — 위치(모든 면 또는 개별 면), 색상, 두께, 모서리 둥글기.
  • «블록» — 배경색 및 호버 시 색상, 그라데이션(«배경 그라데이션 사용»: 유형, 각도, 두 색상), 그림자(«X/Y 오프셋», «흐림», «확장», «그림자 색상», «내부»), 내부 여백, 배경 이미지.
  • «텍스트» — 글꼴, 크기, 색상.
  • «링크» — 블록 내 링크 색상을 일반 텍스트와 별도로 지정.
  • «애니메이션» — 등장 및 지속적인 움직임.
  • «위치 지정» — 너비와 높이(최소 및 최대 포함), 텍스트 및 블록 자체의 정렬, 표시 여부.

가장 중요한 스위치는 «이 블록에만 적용»입니다. 체크하지 않으면 설정이 사이트 전체에서 이 유형의 모든 블록에 적용됩니다. 콘텐츠 영역에 테두리를 설정하면 모든 페이지에 나타납니다. 체크하면 이 페이지의 이 블록에만 적용됩니다.

문제가 발생한 경우

  • 다른 블록이 꾸며졌습니다. 블록은 서로 중첩되어 있습니다. 더 정확하게 마우스를 올리세요. 톱니바퀴는 커서가 위치한 블록에 나타납니다.
  • 한 페이지에서 변경했는데 모든 곳에서 바뀌었습니다. «이 블록에만 적용» 체크박스를 선택하지 않았습니다. 값을 되돌리고 체크한 후 다시 시도하세요.
  • 텍스트 정렬이 작동하지 않습니다. 같은 블록에 블록 자체의 정렬이 설정되어 있지 않은지 확인하세요. 두 설정이 서로 충돌합니다.
도움이 되셨나요?

함께 보기