CSS CSS border-image로 이미지 테두리 만들기
페이지 정보
조회 159회
작성일 25-07-12 10:58
CSS border-image 속성으로 이미지를 이용한 테두리를 만드는 CodePen 예제다. border-image-source에 이미지 URL을 지정하고 border-image-slice 값으로 9슬라이스 영역을 나누면, 이미지가 요소 테두리 전체에 자연스럽게 늘어나며 모서리와 변이 각각 다른 방식으로 표시된다.
See the Pen border-image by H J (@H-J-the-typescripter) on CodePen.
- 이전글CSS drop-shadow로 이미지·요소에 그림자 효과 주기 25.07.12
- 다음글CSS fit-content 속성으로 콘텐츠 크기에 맞는 박스 만들기 25.07.12