Можно ли нарисовать диагональную линию с помощью CSS3?

Question

Я знаю, что можно создать круг, используя CSS3

Можно ли нарисовать диагональ?

Answer 1

да, есть более одной возможности:

Вы можете использовать элемент hr или другой элемент и вращать его. Вот демо:

И да, это работает в IE:)

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

Вот полный пример, вам просто нужно поиграть с ангелом и переводческой базой для ваших измерений.

Answer 3

Вы можете:

1. создать HTML-элемент (div)
2. установить цвет фона на прозрачный
3. установить цвет на одну границу
4. повернуть