html邊框虛線程式碼怎麼寫

HTML 元素中加入虛線邊框，可以透過 border-style 屬性，語法為 element { border-style: dotted; }。支援的虛線樣式包括：dotted（虛線）、dashed（破折號線）、solid（實線）、double（雙實線）；border-style 可套用於元素的所有邊框，也可透過特定邊框樣式屬性進行控制。

HTML 邊框虛線程式碼

為HTML 元素新增虛線邊框，可以使用border-style 屬性。

語法：

<code>element {
  border-style: dotted;
  /* 或 dashed/solid/double/initial/inherit */
}</code>

範例：

#為<div> 元素新增虛線邊框：<pre class="brush:php;toolbar:false">&lt;code&gt;&lt;div style=&quot;border-style: dotted;&quot;&gt;&lt;/div&gt;&lt;/code&gt;</pre> <p><strong>其他虛線樣式：</strong></p> <p>除了<code>dotted 之外，HTML 還支援其他虛線樣式：

• #dashed：破折號線
• solid：實線
• double：雙實線
• #initial：初始值（預設實線）
• inherit：繼承父元素的邊框樣式

注意：

• border-style 屬性會套用到元素的所有邊框。若要為特定邊框設定虛線，可以使用border-top-style、border-right-style、border-bottom-style 和border- left-style 等屬性。
• border-width 屬性控制邊框的寬度，以像素為單位。
• border-color 屬性設定邊框的顏色。