html中怎样输入一行空白

html中怎样输入一行空白,第1张

html空行有两种方法可以见到实现,无需使用CSS样式即可实现段落空行,上下文段间隔空间。

一、使用p段落标签空行

p语法

<p>第一段</p> 

p是段落标签,文章段落前使用<p>结束使用</p>,这样p与p两段文章实现空行。

实例与截图

html段落空行实例截图

二、使用br换行标签空行

<br />是独立标签,使用两个br换行标签,即可实现换行空一行效果。

br换行标签实现空行间隔截图br实现html空一行间隔效果截图

1、CSS法

可以在标签中设置margin属性,即:style="margin:5px

0

5px

0"(顺序:上、右、下左,亦可简写为style="margin:

5px

0"),这段CSS的作用是在当前表格外部的上下各留出5px的空白。

2、空对象法

1)空行。还可以在表格后敲回车换行,产生<p></p>标签,或者按Shift+回车软换行,产生</br>标签,都可产生一个空行。

(2)空表格。插入一个1行1列的表格,设置单元格的宽度、高度,在单元格中不输入内容。当单元格高度小于12px时,一定要将空格符

删掉,否则达不到设定高度,这一点非常重要。即:

<table

width="100%

"

border="0"

csllapacing="0"

csllapacing="0"

>

<tr>

<td

height="5"></td>

</tr>

</table>

(3)空DIV。类似于空表格,插入一个DIV,设置其宽度、高度,超出隐藏即可。

3、透明图片法<可以在PS中新建一个5x5px的画布,背景设为透明,保存为透明GIF图片,然后在需要留间距的表格后面插入这个透明图片,将其宽度、高度可以任意调整,直到满意为直。


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

原文地址: https://outofmemory.cn/bake/11756510.html

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

发表评论

登录后才能评论

评论列表(0条)

保存