http://rhdtkd77.dothome.co.kr/bbs/board.php?bo_table=abc&wr_id=1
댓글창을 박스형태로 하려고 하는데요
.cmt .ptt:after {
- content: '';
- position: absolute;
- border: 10px solid transparent;
- border-top: 10px solid #eaeaea;
- top: 0px;
- left: -10px;
}
여기 코드를 어떻게 바꿔야
저 회색 대화창꼭지점 부분을
백그라운드를 fff로 만들고
보더를 대화창 보더와 같이
#607D8B 이색깔로 보더를 넣어줄수 있을까여?
이미지로도 해보고 이리저리 해봤는데
아무래도 css로 하는게 나을것 같아서요
대화창과 자연스럽게 이어지게 변형 안될까여?
도와주시면 감사하겠습니다~!
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
onlymilk47
2017-12-10 (일) 05:31:39
css 를 이용하시려면 큰삼각형위에 작은삼각형을 덮은 형태로 하시는 방법이 있습니다.
.ptt:after {
content: '';
position: absolute;
border: 10px solid transparent;
border-top: 10px solid #607D8B;
top: 0px;
left: -10px;
}
.cmt .ptt:before {
content: '';
position: absolute;
border: 8px solid transparent;
border-top: 8px solid #fff;
top: 1px;
left: -8px;
z-index:10;
}
.cmt p:before {
display: block;
clear: both;
content: "";
}
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.