这篇文章主要介绍“怎么用css样式让文字旋转270度”,在日常操作中,相信很多人在怎么用css样式让文字旋转270度问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用css样式让文字旋转270度”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
代码如下:
<!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"><h3 >A</h3></span>
<span class="rotation2"><h3 >B</h3></span>
<span class="rotation3"><h3 >C</h3></span>
</BODY>
</HTML>
到此,关于“怎么用css样式让文字旋转270度”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!