JavaWeb_CSS（15）_文字处理_加粗、斜体、下划线

最新推荐文章于 2024-07-20 10:49:35 发布

魏宇轩

最新推荐文章于 2024-07-20 10:49:35 发布

阅读量4k

点赞数

分类专栏： CSS（更新完）文章标签： JavaWeb CSS 文字处理

本文链接：https://blog.csdn.net/qq_36260974/article/details/88430699

版权

CSS（更新完）专栏收录该内容

21 篇文章 3 订阅

订阅专栏

本系列博客汇总在这里：JavaWeb_CSS 汇总

加粗、斜体、下划线

示例

<!DOCTYPE html>
<html>	
	<head>		
		<meta charset="UTF-8">			
		<title>www.weiyuxuan.com</title>			
		<style>
			p
			{
				font-size: 15px;
			}
			.p1
			{
				font-weight: normal;
			}
			.p2
			{
				font-weight: lighter;
			}
			.p3
			{
				font-weight: bold;
			}
			.p4
			{
				font-weight: bolder;
			}
			.p5
			{
				font-style: italic;
			}
			.p6
			{
				font-style: oblique;
			}
			.p7
			{
				text-decoration: none;
			}
			.p8
			{
				text-decoration: underline;
			}
			.p9
			{
				text-decoration: overline;
			}
			.p10
			{
				text-decoration: line-through;
			}
			.p11
			{
				text-decoration: blink;
			}
		</style>			
	</head>		
	<body>			
		<hr/>			
		<h5>字体加粗</h5><hr/>
		<p class="p1">正常体</p>
		<p class="p2">加粗体</p>
		<p class="p3">加粗体</p>
		<p class="p4">加粗体</p>
		
		<h5>斜体</h5><hr/>
		<p class="p5">斜体</p>
		<p class="p6">斜体</p>
		
		<h5>文字的线</h5><hr/>
		<p class="p7">正常</p>
		<p class="p8">下划线</p>
		<p class="p9">上划线</p>
		<p class="p10">删除线</p>
		<p class="p11">闪烁</p>		
	</body>		
</html>