手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >通过css旋转字体示例代码
通过css旋转字体示例代码
摘要:无标题文档.mouth{font-size:20px;font-weight:bold;border:1pxsolid#F00;displa...

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

<span>09</span>

</div>

</body>

</html>

【通过css旋转字体示例代码】相关文章:

兼容好的css透明代码

实现CSS3中的border-radius(边框圆角)示例代码

CSS各种文字对齐方式代码

css中style和class的加载顺序示例介绍

DIV点击折叠实例代码

页面背景图片的拉伸实现代码

文本框只能输入数字网页代码

CSS复合选择器使用介绍

相邻div实现一个跟着另一个自适应高度示例代码

CSS网页设计时关于字体大小的设计

精品推荐
分类导航