Rumah > hujung hadapan web > tutorial css > Bagaimana untuk menetapkan sempadan bertitik css

Bagaimana untuk menetapkan sempadan bertitik css

下次还敢
Lepaskan: 2024-04-25 18:27:13
asal
1119 orang telah melayarinya

Tetapkan jidar bertitik dalam CSS menggunakan atribut gaya sempadan: bertitik; Selain itu, jarak dan saiz sempang boleh dilaraskan melalui sifat jarak sempadan dan lebar sempadan.

Bagaimana untuk menetapkan sempadan bertitik css

Cara untuk menetapkan sempadan putus-putus dalam CSS

Menetapkan sempadan putus-putus dalam CSS adalah sangat mudah, hanya gunakan atribut gaya sempadan. border-style 属性即可。

语法:

<code class="css">border-style: dotted;</code>
Salin selepas log masuk

示例:

<code class="css">#element {
  border: 1px dotted black;
}</code>
Salin selepas log masuk

详细说明:

  • dotted 值将边框设置为虚线。
  • border 属性用于设置边框的样式、宽度和颜色。
  • 1px 指定边框的宽度为 1 像素。
  • black 指定边框的颜色为黑色。

其他虚线样式:

CSS 中还提供了其他虚线样式,包括:

  • dashed:短破折号
  • solid:实线(默认)
  • double:双线
  • groove:3D 内槽槽
  • ridge:3D 外凸脊
  • inset:3D 内槽槽(内阴影)
  • outset:3D 外凸脊(外阴影)

更改虚线间距:

可以使用 border-spacing 属性更改虚线之间的间距:

<code class="css">#element {
  border-style: dotted;
  border-spacing: 5px;
}</code>
Salin selepas log masuk

更改虚线大小:

可以使用 border-width

🎜Sintaks: 🎜🎜
<code class="css">#element {
  border-style: dotted;
  border-width: 3px;
}</code>
Salin selepas log masuk
🎜🎜Contoh: 🎜🎜rrreee🎜🎜Butiran: 🎜🎜
  • bertitik nilai menetapkan sempadan kepada garis putus-putus.
  • Harta sempadan digunakan untuk menetapkan gaya, lebar dan warna sempadan.
  • 1px menentukan lebar sempadan 1 piksel.
  • hitam Menentukan warna sempadan menjadi hitam.
🎜🎜Gaya sempang lain: 🎜🎜🎜Gaya sempang lain juga tersedia dalam CSS, termasuk: 🎜
  • sempang: sempang
  • pepejal: garis pepejal (lalai)
  • double: garis dua
  • alur : Alur dalam 3D
  • rabung: rabung luar 3D
  • masukan: Alur dalam 3D (bayangan dalam)permulaan: rabung luar 3D (bayangan luar)
🎜🎜Tukar jarak sempang: 🎜🎜🎜Anda boleh menggunakan jarak sempadan ul> code> Properti mengubah jarak antara garis putus-putus: 🎜rrreee🎜🎜Tukar saiz garis putus-putus: 🎜🎜🎜 Anda boleh menggunakan harta lebar sempadan untuk menukar saiz garis putus-putus: 🎜 rrreee

Atas ialah kandungan terperinci Bagaimana untuk menetapkan sempadan bertitik css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan