是否可以使用CSS3绘制一条对角线？ [英] Is it possible to draw a diagonal line using CSS3?

问题描述

我知道可以使用CSS3创建圆形

是否可以绘制一条对角线？

Is it possible to draw a diagonal?

推荐答案

是的，有多种可能性：

您可以使用 hr 元素或其他元素并旋转它。这是一个演示：

You could use a hr element or a other element and rotate it. Here is a demo:

并且它的工作原理在IE中：

And yes it works in IE to :)

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;

这篇关于是否可以使用CSS3绘制一条对角线？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！