<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>间距与行高案例</title>
<style>
.one{
font-size:16px;
line-height:18px;
}
.two{
font-size:12px;
line-height:2em;
}
.three{
font-size:14px;
line-height:150%;
color:blue;
}
</style>
</head>
<body>
<p class="one">段落一:使用像素px设置line-height。该段落字体大小为16px。line-height属性值为18px。</p>
<p class="tow">段落二:使用相对值em设置line-height。该段落字体大小为12px,line-height属性值为2em。</p>
<p class="three">段落三:使用百分比设置line-height。该段落字体大小为14px,line-height属性值为150%。</p>
</body>
</html>
DW字的行高与间距
最新推荐文章于 2024-09-23 15:22:46 发布