CSS에서 유체 테두리를 만들 수 있습니까? 저는 삼각형을 그려서 페이지의 너비 50 %와 높이 50 %를 덮고 싶습니다. 방법이 있나요 .. 50 % 폭,하지만 그렇게 존재하지 않는 50 %의 높이와 국경 오른쪽 :

Question

여기 임 삼각형 이상적으로는 국경 탑을 원하는

#triangle-topright { 
    width: 0; 
    height: 0; 
    border-top: 400px solid white; 
    border-right: 600px solid transparent; 
    position:absolute; 
    right:0; top:0; 
    opacity: 0.24; 

} 

를 만들기 위해 사용하는거야 이것을하기 위해? 아니면 벡터 삼각형 이미지를 사용하여 50 %, 50 %로 크기를 조정하는 것이 더 좋습니다.

Answer 1

어쩌면 잘 설명하지 못했지만 CSS border을 사용하여 비 직사각형을 만들 수는 없습니다. 벡터 삼각형이나 대형 투명한 gif가 최선의 방법입니다. 대체 글꼴을 삼각형 특수 문자로 사용하고 글꼴 크기를 크게 만듭니다.