文字处理

加粗、斜体、下划线

示例代码
<!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>

结果图:
JavaWeb_CSS(15)_文字处理_加粗、斜体、下划线
如有错误,欢迎指正!

相关文章: