📅  最后修改于: 2023-12-03 15:38:32.943000             🧑  作者: Mango
在 HTML 中添加填充有两种方式,分别是使用内联样式和使用外部样式表。
可以在 HTML 元素上使用 style
属性来设置该元素的样式。
语法如下:
<tag style="property1: value1; property2: value2;">
例如:
<p style="padding: 10px;">这是一个段落。</p>
使用外部样式表需要两个部分,一个是 .css
文件,另一个是链接到该文件的 HTML 页面。
步骤如下:
在一个文本编辑器中,新建一个以 .css
为后缀名的文件。
在文件中编写所需的样式。
例如:
p {
padding: 10px;
}
<head>
标签中添加如下代码:<link rel="stylesheet" href="style.css">
其中,href
属性的值为所需的 .css
文件的路径。
设置填充时需要使用属性 padding
,该属性值为正整数。
可以同时设置四个方向(上、右、下、左)的填充,例如:padding: 10px 5px 15px 20px;
,分别代表上、右、下、左方向的填充值。
以上就是如何在 HTML 中添加填充的介绍。