1、打开html开发软件工具，新建一个html代码页面，创建一个<div>，同时给这个<div>添加一些文本内容和一个class类为 oblique。
2、使用font-style: oblique设置字体倾斜。创建<style>标签，然后在这个标签里面设置oblique类font-style属性为oblique。
代码：
<style>
.oblique{
font-style: oblique
}
</style>
3、最后，可以用链接打开可以看到已经倾斜45度，就是上面的代码编写即可。
鼠标经过文字发生翻转变色，可以用css3实现效果：
1，利用css3的rotate(<angle>) 实现文字翻转，其中angle是指旋转角度，如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。如transform:rotate(30deg):
2，直接定义color即可实现文字变色效果。
所以假设导航上文字的class为nav，则鼠标经过效果的css可以这样写：
.nav hover{transform:rotate(30deg)color:red}
这样写的效果就是，当鼠标经过是，文字顺时针旋转30度，文字颜色变为红色。
