css使html 文字90度旋转

最新推荐文章于 2025-07-11 11:18:37 发布

原创最新推荐文章于 2025-07-11 11:18:37 发布 · 2.7w 阅读

11 ·

CC 4.0 BY-SA版权

html 专栏收录该内容

5 篇文章

订阅专栏

本文深入探讨了使用CSS实现文字旋转90度的多种方法，包括transform属性及其浏览器前缀，适用于不同版本的浏览器。通过实际代码示例，读者可以了解如何在网页中应用这些样式，以实现视觉上的创新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<style type="text/css">
    .re{transform:rotate(90deg);
        -ms-transform:rotate(90deg); /* Internet Explorer 9*/
        -moz-transform:rotate(90deg); /* Firefox */
        -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
        -o-transform:rotate(90deg); /* Opera */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
</style>