css怎么设置斜体字效果


本文摘自PHP中文网,作者青灯夜游,侵删。

在css中,可以利用font-style属性来设置斜体字效果,只需要设置“font-style:italic;”或者“font-style:oblique;”样式即可;值italic可以定义斜体样式,值oblique可以定义倾斜的字体样式。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中,可以利用font-style属性来设置斜体字效果。

下面通过代码示例来看看font-style属性是怎么设置斜体字效果的。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style>

p.normal {font-style:normal;}

p.italic {font-style:italic;}

p.oblique {font-style:oblique;}

</style>

</head>

 

<body>

<p class="normal">这是一个段落,正常样式。</p>

<p class="italic">这是一个段落,斜体样式。</p>

<p class="oblique">这是一个段落,斜体样式。</p>

</body>

 

</html>

效果图:

阅读剩余部分

相关阅读 >>

html和css重点难点问题

css网页布局是什么

css怎么设置a标签颜色

你可能还不知道的7个惊人的css属性!

css如何修改html标签的title样式?(代码示例)

:not()是什么?:not()的简单使用

css如何实现鼠标经过样式改变

css单位是什么

css怎么给字体加阴影效果

css transition属性怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...