网页文字如何调整行距

来源：百度知道 编辑：UC知道 时间：2024/05/14 11:48:13
/* CSS Document */
body { background:#3C7FAF url(bd_bg.png) repeat-x top; margin:0; font:14px Verdana; color:#07519A; }
A {
COLOR: #07519a; TEXT-DECORATION: none
}
A:hover {
COLOR: #f00; TEXT-DECORATION: underline
}
A IMG {
BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
FORM {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
OL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px

一、说明字体的行间距属于css样式，他是由一段代码来控制的，代码如下：<STYLE type=text/css><!--body,td,th {
　　letter-spacing: 2px;
　　line-height: 18px;}--></STYLE>
　　二、使用方法
　　第一步：先确定您要修改的页面字间距，然后进入后台找到这篇文字，点击编辑器上的“源代码”
　　第二步：将以上代码复制，然后粘贴在代码编辑模式下的首行
　　第三步：行距的控制在它的type项中的line；间距的控制在block项的letter-spacing。上图中所显示的数字分别是字体行距与字体间距，修改数值大小后，然后在点击源代码回到文字编辑模式下，提交预览即可。

body是全局的标签，在body的这一个类的CSS定义上行距就行了。用“line-height:”属性，楼上用Style直接定义的方法不可取，这也是一种CSS的应用，但在提倡DIV＋CSS的时代，还是应该写一个CSS文件进行调用。这其中的好处是不用多述了。

不用在CSS上加
在表格或列前加个 style="line-height:25px;" 就行
如
<table width="630" height="250" style="line height:25px"> 25 可以随便 越大 行距就越大
在某一列加也行 如<td style="line-height:25px;">