是否可以使用CSS3绘制对角线？

我知道这是可能的

可以画对角线吗？

您可以：

创建html元素（div）

将背景色设置为透明

将颜色设置为一个边框

轮换

---

是的，有不止一种可能性：

您可以使用

hr

元素或其他元素并旋转它。下面是一个演示：

是的，它在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>

@arjan你是说webkit旋转CSS选择器吗？从CSS 2D变换旋转（变换：旋转（45度）；）@janoChen是，-webkit变换：旋转（45度）@arjan Firefox和chrome还行，但我认为它在IE中不起作用。css 2d转换支持将在ie9“与天使一起玩”中提供。ie9“与天使一起玩”是同一个小提琴的分叉版本，在DIV中放置一条对角线，使之看起来像一个标记的日历日。

<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>