📜  如何在HTML中添加填充(1)

📅  最后修改于: 2023-12-03 15:38:32.943000             🧑  作者: Mango

如何在HTML中添加填充

在 HTML 中添加填充有两种方式,分别是使用内联样式和使用外部样式表。

使用内联样式

可以在 HTML 元素上使用 style 属性来设置该元素的样式。

语法如下:

<tag style="property1: value1; property2: value2;">

例如:

<p style="padding: 10px;">这是一个段落。</p>
使用外部样式表

使用外部样式表需要两个部分,一个是 .css 文件,另一个是链接到该文件的 HTML 页面。

步骤如下:

  1. 在一个文本编辑器中,新建一个以 .css 为后缀名的文件。

  2. 在文件中编写所需的样式。

例如:

p {
  padding: 10px;
}
  1. 在 HTML 文件的 <head> 标签中添加如下代码:
<link rel="stylesheet" href="style.css">

其中,href 属性的值为所需的 .css 文件的路径。

注意事项
  1. 设置填充时需要使用属性 padding,该属性值为正整数。

  2. 可以同时设置四个方向(上、右、下、左)的填充,例如:padding: 10px 5px 15px 20px;,分别代表上、右、下、左方向的填充值。

以上就是如何在 HTML 中添加填充的介绍。