border-style属性用于同时为一个元素的四个边框设置样式，或者单独地为各边设置边框样式。
CSS border-style属性
作用：用于设置元素所有边框的样式，或者单独地为各边设置边框样式。它可以有一到四个值，例：
p.one {border-style:dotted dashed solid double;}
p.two {border-style:dotted solid double;}
p.three {border-style:dotted solid;}
p.four {border-style:dotted;}效果图：
说明：只有当border-style属性的值不是 none 时边框才可能出现。
可以设置的属性值：
none：定义无边框。
hidden：与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted：定义点状边框。在大多数浏览器中呈现为实线。
dashed：定义虚线。在大多数浏览器中呈现为实线。
solid：定义实线。
double：定义双线。双线的宽度等于 border-width 的值。
groove：定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge：定义 3D 垄状边框。其效果取决于 border-color 的值。
inset：定义 3D inset 边框。其效果取决于 border-color 的值。
outset：定义 3D outset 边框。其效果取决于 border-color 的值。
inherit：规定应该从父元素继承边框样式。
CSS border-style属性的使用示例
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}
</style>
</head>
<body>
<p class="dotted">dotted边框</p>
<p class="dashed">dashed边框</p>
<p class="solid">solid边框</p>
<p class="double">double边框</p>
<p class="groove">groove边框</p>
<p class="ridge">ridge边框</p>
<p class="inset">inset边框</p>
<p class="outset">outset边框</p>
</body>
</html>效果图：
Atas ialah kandungan terperinci border-style属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
CSS mana yang mengagumkan yang paling masuk akal jika anda tidak tahu CSS dengan baik?Apr 19, 2025 am 09:56 AMPeter-Paul menyiarkan soalan ini:
Animasi dengan laluan klipApr 19, 2025 am 09:52 AMJalan klip adalah salah satu daripada sifat-sifat CSS yang biasanya kita ketahui ada di sana tetapi mungkin tidak dapat dicapai untuk apa jua sebab. Ia agak menakutkan dalam erti kata
Menggunakan Taman Permainan Graphql dengan GatsbyApr 19, 2025 am 09:51 AMSaya mengandaikan kebanyakan anda telah mendengar tentang Gatsby, dan sekurang -kurangnya longgar tahu bahawa ia pada dasarnya merupakan penjana tapak statik untuk tapak React. Secara amnya
Jenis atau ujian: Mengapa tidak kedua -duanya?Apr 19, 2025 am 09:50 AMSetiap sekarang dan kemudian, perdebatan menyala tentang nilai JavaScript yang ditaip. "Hanya tulis lebih banyak ujian!" menjerit beberapa lawan. "Gantikan ujian unit dengan jenis!"
Antara muka pengguna grafik untuk gitApr 19, 2025 am 09:46 AMLemme mengulangi apa yang kelihatan seperti pemain utama untuk GIT GUI hari ini.
Petua untuk melancarkan pemuatan malas anda sendiriApr 19, 2025 am 09:44 AMAnda mungkin pernah mendengar (atau mengeluarkan panggilan) bahawa "Kami hanya boleh menggunakan pemuatan malas!" Apabila mencari jalan untuk merendahkan laman web yang sangat berat.
Tiga ramalan dari Kajian Negeri CSS 2019Apr 19, 2025 am 09:43 AMMenjalankan kaji selidik pemaju seperti keadaan CSS adalah proses pelbagai peringkat. Pertama, anda perlu mengumpul data. Kemudian, anda memprosesnya ke dalam bentuk yang boleh digunakan.
Akhirnya ... jawatan pada akhirnya dalam janjiApr 19, 2025 am 09:39 AM"Bilakah akhirnya api dalam janji JavaScript?" Ini adalah soalan yang saya tanya dalam bengkel baru -baru ini dan saya fikir saya akan menulis sedikit jawatan untuk membersihkan apa -apa
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
mPDF
mPDF ialah perpustakaan PHP yang boleh menjana fail PDF daripada HTML yang dikodkan UTF-8. Pengarang asal, Ian Back, menulis mPDF untuk mengeluarkan fail PDF "dengan cepat" dari tapak webnya dan mengendalikan bahasa yang berbeza. Ia lebih perlahan dan menghasilkan fail yang lebih besar apabila menggunakan fon Unicode daripada skrip asal seperti HTML2FPDF, tetapi menyokong gaya CSS dsb. dan mempunyai banyak peningkatan. Menyokong hampir semua bahasa, termasuk RTL (Arab dan Ibrani) dan CJK (Cina, Jepun dan Korea). Menyokong elemen peringkat blok bersarang (seperti P, DIV),
SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Dreamweaver Mac版
Alat pembangunan web visual
VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft
