css斜体样式的写法

小编给大家分享一下css斜体样式的写法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

在css中,可以使用“font-style”属性来实现文字斜体样式,语法“font-style:italic|oblique”,其中italic是斜体样式,oblique是倾斜样式。

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

CSS设置文字斜体

斜体文字是人们经常用到的。CSS中斜体通过设置font-style属性来实现。

<span style="font-size:24px;"><html>
	<head>
		<title>
			文字斜体
		</title>
		<style>
			h2{font-style:italic;}
			h2 span{font-style:normal;}
			p{font-size:18px;}
			p.one{font-style:italic;}
			p.two{font-style:oblique;}
		</style>
	</head>
		
	<body>
		<h2>文字<span>斜</span>体</h2>
		<p class="one">文字斜体</p>
		<p class="two">文字斜体</p>
	</body>
</html>
</span>

css斜体样式的写法

如上代码,设置了文字的样式为斜体,但是,在<h2>标记中加入<span>标记,将已经变成斜体的字体,又设置成了标准风格。

看完了这篇文章,相信你对“css斜体样式的写法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!