1. 홈
  2. 질의 응답
  3. 내가 CSS를 사용하여 HTML에서이 모양을 만들 수있는 방법이</p> <p><a href="https://i.stack.imgur.com/icGI5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/icGI5.png" alt="enter image description here"></a></p> <p>같은 CSS를 사용하여 HTML의 모양을 만들려면 브라우저 호환성

내가 CSS를 사용하여 HTML에서이 모양을 만들 수있는 방법이</p> <p><a href="https://i.stack.imgur.com/icGI5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/icGI5.png" alt="enter image description here"></a></p> <p>같은 CSS를 사용하여 HTML의 모양을 만들려면 브라우저 호환성

2017-09-26 1 views
-1

와 CSS를 사용하여 HTML의 모양을 만드는 방법. 최선의 해결책. 감사내가 CSS를 사용하여 HTML에서이 모양을 만들 수있는 방법이</p> <p><a href="https://i.stack.imgur.com/icGI5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/icGI5.png" alt="enter image description here"></a></p> <p>같은 CSS를 사용하여 HTML의 모양을 만들려면 브라우저 호환성

출처

2017-09-26 Online Bazaar PkBazaar.pk

+0

최소한이 코드를 직접 작성해야합니다. 스택 오버플로는 코드 작성 서비스가 아닙니다. 나는 당신이 [** 추가 연구 **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) Google을 통해 또는 SO를 검색하여 시도하고 시도하십시오. 문제가 계속되면 ** 코드 **로 돌아와서 시도한 내용을 설명하십시오. –

답변

1
당신은 CSS의 클립 경로를 사용할 수 있습니다

:

.yourclass { 
 
    width: 200px; 
 
    height: 200px; 
 
    background-color: orange; 
 
    -webkit-clip-path: polygon(20% 0%, 60% 0, 0 60%, 0 20%); 
 
    clip-path: polygon(20% 0%, 60% 0, 0 60%, 0 20%); 
 
}
<div class="yourclass"></div>

Clippy에 주변에 재생합니다.

출처

2017-09-26 10:07:18

관련 문제

 관련 문제