欢迎来到HELLO素材网! 南京网站制作选择顺炫科技
丰富的DIV CSS模版、JS,jQuery特效免费提供下载

style (italic oblique normal)CSS 字体样式

发表于2019-06-05 23:23| 次阅读| 来源网络整理| 作者session

摘要:div CSS font-style斜体字体歪斜体样式italic oblique normal,CSS完成斜体歪斜字体样式教程篇

Div+css完成字体斜体样式_文字font-style斜体样式,完成CSS斜体与CSS去掉斜体标签斜体样式阅历教程篇

一、常用斜体语法

常用字体样式设置font-style: italic
兼容各大阅读器

normal : 失常的字体(默许字体样式,可用于去掉html i斜体标签默许斜体样式)

italic : 斜体。对于没有斜体变量的特殊字体,将运用oblique

oblique : 歪斜的字体

扩充:css字体

二、css斜体案例

咱们对CSS5盒子里的文字字体设置为italic斜体,oblique歪斜体,利用font-style:normal去掉html <i>斜体标签默许斜体样式。

1、css代码

<style>
.CSS5_italic{ font-style:italic}
.CSS5_oblique{ font-style:oblique}
.CSS5_normal i{ font-style:normal}
/* 去掉CSS5_normal对象I斜体标签默许斜体样式 */
</style>

2、html代码片段:

<div class="CSS5_italic">我被加斜体</div>
<div class="CSS5_oblique">我被加歪斜</div>
<div><i>我加I标签斜体</i></div>
<div class="CSS5_normal"><i>I斜体被CSS去掉</i></div>

3、div css斜体案例截图

font-style字体样式斜体样式


经过div css完成文字字体斜体样式

本案例分别设置普通斜体样式、特征斜体歪斜样式、去掉<I>标签斜体样式。

CSS去掉i斜体标签斜体方法://www.css5.com.cn/wenti/419.shtml

三、扩充知识

Html斜体
Html u
html i
I斜体标签
Html斜体标签
css加粗
html b html strong

四、总结

让对象盒子里的文字字体为斜体,可能对对应盒子加css样式font-style:italic即可完成对象内文字字体为斜体。同时咱们案例也演示了利用CSS去掉斜体样式,利用CSS font-style:normal去掉I斜体标签斜体样式。