网页如何旋转? 我想尽可能让网页在桌面全部显示,因此希望整个网页能够像图片一样旋转90度,请问如何操作?
代码如下：
<!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="http://www.baidu.com/img/bd_logo1.png" alt="Flowers" style="width:200px;">
90°旋转后的图片
<img src="http://www.baidu.com/img/bd_logo1.png" alt="Flowers" style='width:200px;transform:rotate(90deg)'>
</body>
</html>
代码呈现的结果如下图：
扩展资料：
旋转WORD中的图片操作步骤如下：
1、打开电脑，找到Word软件，点击word图标，打开Word，如下图。
2、进入之后，打开新建word文档，在插入选择图片，插入你需要旋转的图片，如下图。
3、在文件中选取一张图片，点击插入即可，如下图。
4、将鼠标指针放在图中标记位置，然后按住左键，即可旋转，如下图。
2：有些显卡有屏幕旋转功能
显示属性－设置－高级－intel extreme graphics-图形属性－旋转中把启用旋转前的钩去了就可了！
3：你在显卡的驱动程序中设置一下
4：一般pc支持倒转画面,你同时按住"Alt和Ctrl键"然后按键盘上的方向键就可以旋转显示画面,譬如你按Alt+Ctrl+向下键你的显示画面就倒过来了,看看你是不是不经意实现了这样的操作（试下ctrl+alt+↑ 或许就能回来）
你的机器是联想的么
你可以试一下这个
"ctrl"+"alt"+"←" 显示屏幕逆时针旋转90度
"ctrl"+"alt"+"→" 显示屏幕顺时针旋转90度
"ctrl"+"alt"+"↓" 显示屏幕旋转180度
"ctrl"+"alt"+"↑" 屏幕恢复到正常使用角度
5：点击鼠标右键→属性→显示属性→设置选项卡→下面的“高级”→即插既用监视器和NVIDIAGeForceFX5200UItra属性→NVIDIAGeForceFX5200UItra
点开后左边出现NVIDIAGeForceFX5200UItra属性目录，点击“显示方向”把倒转横向前面圆圈里的点取掉点应用，再点是，在点确定，就好了。
如果是ati，你在显卡控制中心选项里边有个显示属性可以调正显示角度～！你也可以试下：桌面右击——属性——设置——高级————旋转
如果是GeForce4，桌面右击——属性——设置——高级————GeForce————显示方向
