1、启动word软件，输入需要旋转90度的文字，选中输入的文字，右键，在d出的字体对话框中，在中文字体中选中宋体，在宋体前输入@，就实现了将该段文字旋转90度。
2、word应用软件中，常用方式是插入文本的形式然后更改文字方向，在需要进行文字的常规方向旋转时可以通过以上方法设置。
css
<head>
<meta >
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>CSS3旋转</title>
<style>
demo {
width: 100px;
height: 75px;
background-color: yellow;
border: 1px solid black;
margin:20px;
}
#div2 {
transform: rotate(30deg);
-ms-transform: rotate(30deg); / IE 9 /
-moz-transform: rotate(30deg); / Firefox /
-webkit-transform: rotate(30deg); / Safari and Chrome /
-o-transform: rotate(30deg); / Opera /
}
#div3 {
transform: rotate(90deg);
ms-transform: rotate(90deg); / IE 9 /
moz-transform: rotate(90deg); / Firefox /
webkit-transform: rotate(90deg); / Safari and Chrome /
o-transform: rotate(90deg); / Opera /
}
</style>
</head>
<body>
<div class="demo" id="div1">你好。这是一个 div 元素。</div>
<div style="clear:both"></div>
<div class="demo" id="div2">你好。这是一个 div 元素。</div>
<div style="clear:both"></div>
<div class="demo" id="div3">你好。这是一个 div 元素。</div>
原图<img src=">
90°旋转后的
<img src=">
</body>
</html>
代码呈现的结果如下图：
扩展资料
CSS旋转注意事项
1、的旋转可以说是一种效果，但是逐渐的，旋转已经不单单是属于视觉效果那个范畴，其更具有使用性，功能性。我们都知道，照片有时候是需要横过来的拍的，当我们预览或共享到web上时需要进行旋转。
2、这个 *** 作在以往可能更多的是交给软件去完成，然后再将旋转到正常角度的发布到web上。但是，现在直接就可以在web上对进行旋转之类的处理，就算处理软件再怎么方便好用，也不及直接发布时对做调整来的方便。这就是旋转功能的实用意义。我们可以在新浪微博上见到这种旋转的功能。
1 的旋转实现方式有很多，比如js实现，现在比较简单的方法是使用css3里面的；transform属性来实现，很方便的。其实这个题目很简单，在百度里面搜索一下css3旋转就看到了，里面的手册介绍的很清楚，下面是代码以及显示效果都呈现出来；
2 下面是写的一个实例代码，代码可以直接运行。代码的解释有备注哦；总共代码呢其实没有几行，主要就是 transform属性的应用 代码中的90deg就是90度的意思
<!DOCTYPEhtml>
<html>
<head>
<style>
body{margin:0px;padding:0px;}
/{transform就是专门为img设置的旋转/
#img1{transform:rotate(90deg);border:1pxsolidred;}
</style>
</head>
<body>
<imgid="img1"src="38png"/>/页面中显示的/
</body>
</html>
3代码在浏览器的运行效果图：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）