답변 2개
댓글을 작성하려면 로그인이 필요합니다.
css 다각형
https://css-tricks.com/the-shapes-of-css/">https://css-tricks.com/the-shapes-of-css/
#pointer { display:inline-block; text-align:center; line-height:40px; color:#FFF; width: 200px; height: 40px; position: relative; background: red; } #pointer:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } #pointer:before { content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid red; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인