📦코드

CdBd 에디터의 코드 카드는 여러분의 페이지에 HTML 코드를 직접 추가할 수 있는 특별한 도구예요. 기본적인 카드 기능으로는 표현하기 어려운 다양한 디자인이나 복잡한 기능을 페이지에 더하고 싶을 때 아주 유용하답니다. 나만의 코드를 페이지에 넣는 방법을 지금부터 친절하게 알려드릴게요!

---

1. 코드 카드 추가하고 HTML 코드 입력하기

페이지에 코드를 추가하고 싶은 곳에 코드 카드를 넣어볼까요?

1.1 코드 카드 선택

• 페이지에 코드 카드를 추가한 뒤 카드를 선택해 보세요.

• 기본적으로 HTML 코드를 입력할 수 있는 공간이 나타날 거예요.

1.2 HTML 코드 입력

• 코드를 입력할 수 있는 칸에 원하는 HTML 코드를 직접 붙여넣거나 작성해 주세요.

• 코드 입력 중에는 필요에 따라 입력 칸을 확대해서 더 넓게 보고 편하게 작업할 수도 있답니다.

---

2. 코드 카드 디자인 꾸미기

코드 카드를 선택한 후, 카드 디자인 공간으로 가면 카드 자체의 디자인을 페이지에 맞춰 꾸밀 수 있는 설정들이 나타나요.

2.1 배경 색깔 변경

• 코드 카드의 배경 색깔을 원하는 대로 바꿀 수 있어요.

2.2 테두리 설정

• 카드에 테두리를 넣거나 두께, 색깔을 조절할 수 있답니다.

2.3 모서리 모양 조절

• 카드의 딱딱한 직각 모서리를 둥글게 만들어서 부드러운 느낌을 줄 수 있어요.

2.4 여백 조절

• 카드의 안팎 여백을 조절해서 내용이 더 잘 보이거나, 다른 카드와의 간격을 조절할 수 있어요.

---

3. 코드 카드 관리하기

만들어 놓은 코드 카드를 편집하거나 복사, 삭제할 수 있어요. (다른 카드와 동일한 방식으로 관리됩니다.)

3.1 코드 내용 변경

• 카드에 입력된 HTML 코드를 언제든지 다시 수정할 수 있어요.

3.2 복사하기

• 똑같은 코드 카드를 여러 개 만들고 싶을 때 유용해요.

3.3 삭제하기

• 더 이상 필요 없는 코드 카드는 언제든지 쉽게 지울 수 있답니다.