html调整字体角度,在html中,如何使用css样式让一个元素或者文字旋转角度

今天在使用html一些特殊符号的时候,使用了¡这个符号,下面是加过样式后的效果

6dfed0889df7

因为和正常的感叹号不太一样,选择使用样式让它旋转到一定的角度

在css3的样式里有transform 属性

div{

transform:rotate(180deg);

-ms-transform:rotate(180deg);/* IE 9 */

-moz-transform:rotate(180deg);/* Firefox */

-webkit-transform:rotate(180deg);/* Safari 和 Chrome */

-o-transform:rotate(180deg);/* Opera */

}

Internet Explorer 10、Firefox、Opera 支持 transform 属性。

Internet Explorer 9 支持替代的 -ms-transform 属性(仅适用于 2D 转换)。

Safari 和 Chrome 支持替代的 -webkit-transform 属性(3D 和 2D 转换)。

Opera 只支持 2D 转换。

下面就是调过样式后的效果

6dfed0889df7

其实这个感叹号也可以直接用符号来表示,这样使用是为了多熟悉一下html的特殊符号