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> 元素添加虛線邊框:<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><code><div style="border-style: dotted;"></div></code></pre><div class="contentsignin">登錄后復制</div></div>
之外,HTML 還支持其他虛線樣式:
<p><strong>其他虛線樣式:</strong></p>
<p>除了 <code>dotted
dashed
:破折號線
solid
:實線
double
:雙實線
initial
:初始值(默認實線)
inherit
:繼承父元素的邊框樣式
注意:
border-style
屬性會應用于元素的所有邊框。要為特定邊框設置虛線,可以使用 border-top-style
、border-right-style
、border-bottom-style
和 border-left-style
等屬性。
border-width
屬性控制邊框的寬度,以像素為單位。
border-color
屬性設置邊框的顏色。