CSS CSS border-image로 이미지 테두리 만들기
페이지 정보
조회 153회
작성일 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.
- 다음글텍스트가 이미지 주변을 감싸도록 배치하기 (float) 24.07.13