演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
实际倾斜效果
oblique:表示中间状态的倾斜,倾斜没有特别厉害
normal:正常字体,用来重置字体样式
<div>我要自学1</div>
<div style="font-style: italic;">我要自学2</div>
<div style="font-style: oblique;">我要自学3</div>
<i style="font-style: normal;">我要自学4</i> <!-- 倾斜扶正 -->
<br />
<em>我要自学5</em>
</body>
</html>