在網頁設計中，常常需要對頁面中的各種元素進行排版，其中左右外邊距是一個常見的設置。在 HTML 中，可以使用 CSS 樣式來控制元素的邊距大小和位置，本文將介紹如何設置 HTML 的左右外邊距。 首先，我們需要了解一些 CSS 樣式的基礎知識。CSS 分為內聯樣式和外部樣式表兩種形式。內聯樣式直接在 HTML 元素中設置，例如：

<p style="margin-left: 20px; margin-right: 30px;">這是一個段落</p>

上面的代碼設置了這個段落的左外邊距為 20 像素，右外邊距為 30 像素。 而外部樣式表則是將 CSS 樣式規則保存在一個獨立的 CSS 文件中，再通過 link 標簽將其鏈接到 HTML 文件中。例如，我們可以在一個名為 styles.css 的文件中設置段落的邊距：

p {
margin-left: 20px;
margin-right: 30px;
}

上面的代碼設置了所有段落的左外邊距為 20 像素，右外邊距為 30 像素。 除了直接設置左右外邊距的數值，還可以使用百分比和自動計算的方式。例如，以下代碼將段落的左外邊距設置為它所在容器的寬度的 20%：

p {
margin-left: 20%;
}

而以下代碼將段落的左右外邊距都設置為自動計算：

p {
margin: 0 auto;
}

上面的代碼將段落的上下外邊距設置為 0，而左右外邊距則自動居中對齊。 總之，在進行頁面排版時，設置元素的邊距是一個非常重要的工作，掌握好 CSS 樣式的使用方法可以讓你的網頁更加美觀和易讀。