Html 可以在网页中以一定角度显示文本吗？

我想知道是否有可能在网页中以一定角度创建文本，例如40度。如果可能的话，我该怎么做

编辑：最后，我决定采用Mathias Bynens的答案。

使用CSS3转换：

.selector {
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}

---

IE不支持过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3），其中旋转属性接受四个值之一：

0

、

1

、

2

或

3

，这四个值将分别将图元旋转0、90、180或270度。不过它是一个过滤器，所以我不建议使用它。

Mathias的回答是正确的，但为了支持IE，您可以使用他们的过滤器：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/*play with the number to get it right*/

---

然后IE也将得到支持：）

要添加到Mathias的答案中，您也可以在IE中旋转文本：

但是，您必须使用90°的倍数

除此之外，您还可以将SVG/VML用于旋转文本。例如，请看本页：

---

它使用RaphaelJS库在没有图像的情况下进行跨浏览器文本旋转。

OP应该注意，大多数版本的IE不支持CSS3@Richard说得好。IE不支持过滤器：progid:DXImageTransform.Microsoft.BasicImage（旋转=3），其中

旋转

属性接受四个值之一：

0

、

1

、

2

或

3

，这四个值将分别将元素旋转0、90、180或270度。但它是一个过滤器，所以我不建议使用它。非常感谢大家，我将尝试使用它们。不幸的是，正如我在回答中的评论所指出的，旋转属性将只接受四个值：

0

、

1

、

2

或

3

，它们将旋转元素0、90，分别为180度或270度。这样旋转40度是不可能的。啊哈，真的吗？我从不使用过滤器，只是知道它，所以我没有意识到它是“固定的”。相信微软发明了一些有用但同时又无用的东西。令人遗憾的是，为什么IE往往如此与众不同（乏味）。凯尔的回答和我的评论中已经提到了这一点，但是是的，你说得对：）当我保存答案时，我看到了他们两个。你应该把你的评论写回你的答案中。使其完全100%覆盖（1:-）那么最好的解决方案是使用RaphaelJS库进行跨浏览器旋转？没有比这更简单的方法了吗？@Ryan:最简单的方法就是图像。但当然，这是最不利的。除此之外，跨浏览器操作主要是一团糟，是的，如果您需要快速完成，并且不需要选择文本，我建议您使用RaphaelJS和JavaScript解决方案。