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>
元素新增虛線邊框:
<code><div style="border-style: dotted;"></div></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
屬性設定邊框的顏色。 以上是html邊框虛線程式碼怎麼寫的詳細內容。更多資訊請關注PHP中文網其他相關文章!