怎么用css样式让文字旋转270度

这篇文章主要介绍“怎么用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度”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注网站,小编会继续努力为大家带来更多实用的文章!