CSS3를 사용하여 대각선을 그릴 수 있습니까?

Question

나는 그것이 가능하다는 것을 알고있다 create a circle using CSS3

대각선을 그릴 수 있습니까?

Answer 1

회전 투명

세트 색상 경계 하나에에 (DIV)

세트 배경색 HTML 요소를 생성 하나 이상의 가능성이 있습니다 :

o 요소는 hr 요소 나 다른 요소를 사용하여 회전 할 수 있습니다. 여기 데모입니다 :

그리고 네 당신은 당신의 크기에 천사와 번역 기본으로 재생해야, 여기

http://jsfiddle.net/LqFAX/

-moz-transform: rotate(7.5deg); 
    -o-transform: rotate(7.5deg); 
-webkit-transform: rotate(7.5deg); 
    -ms-transform: rotate(7.5deg); 
     transform: rotate(7.5deg); 
      filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
        M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104); 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')"; 

      zoom: 1; 

Answer 2

할 수 있습니다 :

1. 네 거기입니다
2. 는

Answer 3

전체 샘플입니다 :)하는 IE에서 작동합니다.

<div style="background-color: #BCBCBC; width: 100px; height: 50px; padding: 0; margin: 0"> 
    <div style="width: 112px; height: 47px; border-bottom: 1px solid black; -webkit-transform: translateY(-20px) translateX(5px) rotate(27deg); "></div> 
</div>