CSS 삼각형 이미지 (1) 썸네일형 리스트형 CSS로 삼각형안에 이미지 넣기 CSS를 이용해 삼각형안에 이미지 넣는 방법에 대해 적어봅니다. 간단히 설명하면 border를 이용해 삼각형을 만들고, 그 뒤에 background-image를 통해 이미지를 넣는 방식입니다. 완성 샷! 조금 무섭긴 한데, css로 세모안에 원숭이 이미지를 넣어봤습니다. html 1 2 cs css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .triangle{ width: 0; height: 0; border-left: 100px solid #fff; border-right: 100px solid #fff; border-bottom: 200px solid transparent; z-index: 1; } .triangle::after{ width: 200px; height:.. 이전 1 다음
