通过css旋转字体示例代码

前端  /  管理员 发布于 8年前   270


复制代码代码如下:
<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>


  • 上一条：
    css中display:block;的用法及适用标签详解
    下一条：
    CSS三栏布局探讨――中间固定宽度两边自适应宽度

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客