기초 지식 4 / 21

꾸미기: CSS

'누구를 + 어떻게'로 색, 크기, 모양을 정해요.

CSS는 꾸미기 규칙이에요. '모든 버튼은 주황색으로', '제목은 크게'처럼 누구를 어떻게 꾸밀지 적어요.

버튼 꾸미기

button {← 모든 버튼에게

background: orange;← 바탕색은 주황

font-size: 24px;← 글자 크기 24

border-radius: 12px;← 모서리를 둥글게

}← 규칙 끝

휴대폰처럼 좁은 화면에서도 보기 좋게 하는 것을 '반응형'이라고 해요. AI는 보통 알아서 맞춰 주지만, 어색하면 '휴대폰에서도 보기 좋게 해줘'라고 부탁하세요.

내 프로그램에서 찾아보기

작업실 '코드' 탭에서 이 글자를 찾아보세요.

backgroundfont-sizecolor

작업실에서 해 보기

채팅창에 이렇게 보내 보세요.

“모든 버튼을 더 둥글게 하고 누를 때 살짝 작아지게 해줘”

🧩 이 내용이 나오는 따라 만들기