css如何使文字旋转90度,语法格式为transform: rotate(90deg)
。transform
属性表示元素应用2D或3D转换,当值为rotate
时为旋转,正数为顺时针旋转,负数为逆时针旋转。下面编程教程网小编给大家简单介绍一下!
具体语法如下:
.box {
width: 30px;
height: 45px;
transform: rotate(90deg);
-ms-transform: rotate(90deg); //Internet Explorer浏览器
-moz-transform: rotate(90deg); //Firefox浏览器
-webkit-transform: rotate(90deg); //Safari 和 Chrome浏览器
-o-transform: rotate(90deg); //Opera浏览器
}
以上是编程学习网小编为您介绍的“css怎么使文字旋转90度”的全面内容,想了解更多关于 前端知识 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:css怎么使文字旋转90度


基础教程推荐
猜你喜欢
- vue如何做一个抽屉效果,实现点击鼠标关闭抽屉 2025-01-17
- js鼠标及对象坐标控制属性详细解析 2024-02-07
- jQuery实现可以编辑的表格实例详解【附demo源码下载】 2024-03-09
- css和css3弹性盒模型实现元素宽度(高度)自适应 2024-01-20
- JavaScript实现网页版贪吃蛇游戏 2023-08-08
- 通过Ajax两种方式讲解Struts2接收数组表单的方法 2022-10-17
- 基于Cesium实现拖拽3D模型的示例代码 2024-01-05
- JS区分浏览器页面是刷新还是关闭 2024-01-06
- 借助得力工具五分钟快速制作CSS导航菜单 2024-01-19
- 详解HTML5之pushstate、popstate操作history,无刷新改变当前url 2024-03-21