블록 꾸미기: 테두리, 배경, 여백, 그림자
← 뒤로블록 위에 마우스를 올리고 톱니바퀴를 클릭하면 «테두리», «블록», «텍스트», «링크», «애니메이션», «위치 지정» 탭이 있는 스타일 창이 열립니다.
블록 위에 마우스를 올리면 톱니바퀴가 나타납니다. 헤더, 푸터, 콘텐츠 영역, 폼 열, 카드 등에서 사용할 수 있습니다. 톱니바퀴를 클릭하면 스타일 창이 열립니다.
각 항목의 위치:
- «테두리» — 위치(모든 면 또는 개별 면), 색상, 두께, 모서리 둥글기.
- «블록» — 배경색 및 호버 시 색상, 그라데이션(«배경 그라데이션 사용»: 유형, 각도, 두 색상), 그림자(«X/Y 오프셋», «흐림», «확장», «그림자 색상», «내부»), 내부 여백, 배경 이미지.
- «텍스트» — 글꼴, 크기, 색상.
- «링크» — 블록 내 링크 색상을 일반 텍스트와 별도로 지정.
- «애니메이션» — 등장 및 지속적인 움직임.
- «위치 지정» — 너비와 높이(최소 및 최대 포함), 텍스트 및 블록 자체의 정렬, 표시 여부.
가장 중요한 스위치는 «이 블록에만 적용»입니다. 체크하지 않으면 설정이 사이트 전체에서 이 유형의 모든 블록에 적용됩니다. 콘텐츠 영역에 테두리를 설정하면 모든 페이지에 나타납니다. 체크하면 이 페이지의 이 블록에만 적용됩니다.
문제가 발생한 경우
- 다른 블록이 꾸며졌습니다. 블록은 서로 중첩되어 있습니다. 더 정확하게 마우스를 올리세요. 톱니바퀴는 커서가 위치한 블록에 나타납니다.
- 한 페이지에서 변경했는데 모든 곳에서 바뀌었습니다. «이 블록에만 적용» 체크박스를 선택하지 않았습니다. 값을 되돌리고 체크한 후 다시 시도하세요.
- 텍스트 정렬이 작동하지 않습니다. 같은 블록에 블록 자체의 정렬이 설정되어 있지 않은지 확인하세요. 두 설정이 서로 충돌합니다.
도움이 되셨나요?
감사합니다, 기록했습니다.
