如何调整网页中文字的行距和间距

如何调整网页中文字的行距和间距,第1张

设置css样式,行距的控制在它的type项中的line;间距的控制在block项的letter

spacing。

把这段代码放进你要编辑文本代码模式下的最上方,修改相关的数值自行调整大小。

<STYLE

type=text/css>

<!--

body,td,th

{

letter-spacing:

2px

line-height:

18px

}

-->

</STYLE>

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用table标签创建一个表格,并使用border属性设置表格的边框为1px。

3、在test.html文件内,使用tr、td两个标签创建表格为两行两列,代码如下。

4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。

5、在css标签中,对table的td元素进行样式设置,使用padding属性设置单元格的间距为10px,即单元格的内边距为10px。

6、除了上面的方法外,还可以使用cellpadding属性直接在table标签内设置,实现单元格的间距定义。

一般有三种方式:

1、采用margin-top属性,这样向上的间距为10px。如

<p style=" margin-top:10px">123456</p>

<p style=" margin-top:10px">123456</p>

<p style=" margin-top:10px">123456</p>

2、采用margin-bottom属性,这样向下的间距为10px。如

<p style=" margin-bottom:10px">123456</p>

<p style=" margin-bottom:10px">123456</p>

<p style=" margin-bottom:10px">123456</p>

3、使用line-height:20px如

<p style="line-height:10px">123456</p>

<p style=" line-height:10px">123456</p>

<p style=" line-height:10px">123456</p>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11245099.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存