css 댓글창좀 문의드립니다 채택완료
http://rhdtkd77.dothome.co.kr/bbs/board.php?bo_table=abc&wr_id=1">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개
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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인