本系列部落格彙總在這裡: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>
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiI0gTMx81dsQWZ4lmZf1GLlpXazVmcvwFciV2dsQXYtJ3bm9CX9s2RkBnVHFmb1clWvB3MaVnRtp1XlBXe0xCMy81dvRWYoNHLwEzX5xCMx8FesU2cfdGLwMzX0xiRGZkRGZ0Xy9GbvNGLpZTY1EmMZVDUSFTU4VFRR9Fd4VGdsYTMfVmepNHLrJXYtJXZ0F2dvwVZnFWbp1zczV2YvJHctM3cv1Ce-cmbw5iMyADNzgTZ1UWY0EGM5U2YxYzX2UTOwMTMxMzLcJTMxIDMy8CXn9Gbi9CXzV2Zh1WavwVbvNmLvR3YxUjLyM3Lc9CX6MHc0RHaiojIsJye.png)