Rumah > Artikel > hujung hadapan web > Bagaimana untuk menulis kod garis putus-putus sempadan html
Untuk menambah sempadan bertitik pada elemen HTML, anda boleh menggunakan atribut gaya sempadan dan sintaks ialah elemen { border-style: dotted }. Gaya garisan putus-putus yang disokong termasuk: bertitik (garisan putus-putus), garis putus-putus (garisan putus-putus), pepejal (garisan pepejal), dua (garisan pepejal berganda boleh digunakan pada semua sempadan elemen, dan juga boleh dikawal melaluinya); atribut gaya sempadan tertentu.
Kod putus-putus sempadan HTML
Untuk menambah sempadan putus-putus pada elemen HTML, anda boleh menggunakan atribut gaya sempadan
. sintaks bertitik Selain kod>, HTML juga menyokong gaya garis putus-putus lain: 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
garis putus-putus
: garis putus-putus initial
: nilai awal (default solid line) 🎜inherit
: mewarisi gaya sempadan elemen induk 🎜🎜🎜🎜Nota: 🎜🎜 atributgaya sempadan
akan digunakan pada semua sempadan elemen. Untuk menetapkan garis putus-putus untuk sempadan tertentu, anda boleh menggunakan gaya atas-sempadan
, gaya-kanan-sempadan
, gaya-bawah-sempadan
dan border-left-style
dan atribut lain. 🎜lebar sempadan
sifat mengawal lebar sempadan, dalam piksel. 🎜warna sempadan
sifat menetapkan warna sempadan. 🎜🎜Atas ialah kandungan terperinci Bagaimana untuk menulis kod garis putus-putus sempadan html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!