CSS 배경 및 테두리

CSS Backgrounds and Borders는 요소의 배경 및 테두리를 꾸밀 수 있는 CSS 모듈입니다. 배경은 색이나 이미지를 자르고 늘리는 등 변형하여 넣을 수 있고, 테두리는 직각이거나 둥글 수 있으며 선이나 이미지로 꾸밀 수 있습니다. 이에 더해 요소 박스를 그림자로 장식할 수 있습니다.

참고서

속성

도구

다수의 배경 사용하기
하나의 요소에 여러 배경을 적용하는 법을 배웁니다.
배경 이미지 크기 조정하기
배경 이미지의 크기와 반복 여부를 설정하는 법을 배웁니다.
CSS로 HTML 요소에 색 입히기
HTML 요소에 테두리를 비롯한 색상을 CSS로 적용하는 법을 배웁니다.
Border-image 생성기
테두리 이미지를 실시간으로 확인하며 만들 수 있는 도구입니다.
Border-radius 생성기
둥근 모서리를 실시간으로 확인하며 만들 수 있는 도구입니다.
Box-shadow 생성기
요소 뒤의 그림자를 실시간으로 확인하며 만들 수 있는 도구입니다.

명세

Specification Status Comment
CSS Backgrounds and Borders Module Level 3 Candidate Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation