通过css旋转字体

最新推荐文章于 2024-08-14 18:07:55 发布

转载最新推荐文章于 2024-08-14 18:07:55 发布 · 1.1k 阅读

文章标签：

#css #旋转字体

前台效果专栏收录该内容

6 篇文章

订阅专栏

本文提供了一个使用HTML和CSS实现文本旋转效果的例子。通过CSS的transform属性，将文本块旋转了-90度，展示了基本的网页布局技巧。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.mouth{ 
    font-size:20px;
    font-weight:bold; 
    border:1px solid #F00; 
    display:block; width:50px;
    -webkit-transform: rotate(-90deg);  
    -moz-transform: rotate(-90deg);  
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
   }
</style>
</head>
 
<body>
<div class="example">
    <span class="mouth">09</span>
</div>
</body>
</html>