-2
A
답변
2
당신은 CSS를 클립 경로를 사용할 수 있습니다. 또한이 웹 사이트를 사용하여 클립 경로를 생성 할 수 있습니다.
http://bennettfeely.com/clippy/
#mydiv{
height:200px;
width:400px;
background-color:red;
-webkit-clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);
}
<div id="mydiv">
</div>
관련 문제
- 1. NavigationViews 사이에 구분선 추가
- 2. 특수한 CSS 모양 만들기
- 3. CSS 그라디언트로 모양 만들기
- 4. CSS 모양 주위에 테두리 만들기
- 5. 윤곽선을 사용하여 CSS 모양 만들기
- 6. 헤더와 페이지 내용 사이에 투명한 간격 만들기
- 7. horizontalscrollview에서 ImageViews 목록 사이에 테두리/구분선 추가
- 8. CSS 입력 모양
- 9. 메뉴 항목 사이에 구분선 추가 (가상 클래스 무시)
- 10. CSS 내용 만들기 DIV 내용 뒤에 자동 크기
- 11. 왜 모양 사이에 간격이 있습니까?
- 12. CSS 사이의 수직 구분선 공간 크기 조정
- 13. Android 모양 - 두 항목 사이의 구분선 길이를 줄입니다.
- 14. div 위로 삼각형 모양 만들기
- 15. 반복자의 내용 사이에 달에
- 16. 가져올 내용 사이에
- 17. 태그 사이에 내용 추출
- 18. Android : 수직 선형 레이아웃에 중첩 된 수평 선형 레이아웃의 textviews 사이에 수직 구분선/구분선 배치?
- 19. CSS 상자 모양
- 20. CSS 상자 모양 선택하기
- 21. 링크로 CSS 모양
- 22. CSS 웹킷 모양 재정의?
- 23. 신호등의 CSS 모양
- 24. CSS 또는 HTML의 모양
- 25. CSS 사용자 정의 모양
- 26. CSS 반응 모양 문제
- 27. 렌즈 모양 (CSS)
- 28. CSS 모양 (정사각형) 앞두기
- 29. ListBox의 항목 간 구분선
- 30. 다른 모양 안에 하나의 모양 만들기
도움을 주셔서 감사합니다 ..하지만 클립 경로는 많은 브라우저 호환성이 없습니다! 다른 방법이 있습니까? 테두리, 여백 또는 패딩과 같은 기본 CSS를 사용하여 ... –
SVG가 해결책이 될 수도 있습니다. – user3141505