業精於勤，事立於豫

部落格排版，必須懂一點點html5的編寫程式，才能編的好看，邊的漂亮。

排版觀念：Margin、Border、Padding。

1、Margin，簡單的說就是邊界。

舉例：

縮排 30 px。

語法：

<p style="margin-left: 30px;">縮排 30 px。</p>

或

<p style="padding-left: 30px;">縮排 30 px。</p>

2、Border，簡單的說就是框線。

舉例：

這是實心框線。

這是虛線框線

語法：

<p style="border: 1px solid #000000;">這是實心框線。</p>

<p style="border: 1px dashed #000000;">這是實心框線。</p>

3、padding，簡單的說就是框線內的邊界。

舉例：

這是實心框線，縮排30px。

這是實心框線，整體縮排30px。

語法：

<p style="border: 1px solid #000000; padding-left: 30px;">這是實心框線，縮排30px。</p>

<p style="border: 1px solid #000000; margin-left: 30px;">這是實心框線，整體縮排30px。</p>