让文字旋转270度的css样式

前端  /  管理员 发布于 7年前   386


复制代码代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script type="text/javascript">
</script>
<style type="text/css">
.rotation1{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:100px;top:10px;
}
.rotation2{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:140px;top:10px;
}
.rotation3{
position:absolute;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:170px;top:10px;
}
</style>
<BODY>
<span class="rotation1"><h2 style="color:#ccddff;">A</h2></span>
<span class="rotation2"><h2 style="color:#ccddff;">B</h2></span>
<span class="rotation3"><h2 style="color:#ccddff;">C</h2></span>
</BODY>
</HTML>


  • 上一条：
    css外部文件的引用方式有哪几种
    下一条：
    css3设置box-pack和box-align让div里面的元素垂直居中

    • 昵称：

    邮箱：

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

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

    侯体宗的博客