Cara menggunakan atribut bordercolor css

小老鼠
Lepaskan: 2024-04-13 15:06:15
asal
1327 orang telah melayarinya

Tujuan sifat warna sempadan CSS: Tetapkan warna sempadan elemen. Sintaks: warna jidar: [nilai warna] [nilai warna] [nilai warna] [nilai warna] Warna jidar tunggal: Tetapkan semua jidar kepada warna yang sama. Warna sempadan berbilang: susunannya ialah: atas, kanan, bawah, kiri, warna berbeza boleh ditentukan.

Cara menggunakan atribut bordercolor css

Sifat warna sempadan CSS

Penggunaan:

sifat warna sempadan digunakan untuk menetapkan warna sempadan elemen.

Sintaks:

<code>border-color: <color-value> [ <color-value> <color-value> <color-value> ];</code>
Salin selepas log masuk

Parameter:

  • : Nilai warna CSS yang sah, contohnya: <color-value>:有效 CSS 颜色值,例如:

    • 十六进制(例如:#FF0000
    • RGB(例如:rgb(255, 0, 0)
    • RGBA(例如:rgba(255, 0, 0, 0.5)
    • 颜色名称(例如:redblue
    • #FF0000)
  • RGB (contohnya: rgb(255, 0, 0))

RGBA (contohnya: rgba(255, 0, 0, 0.5) )<strong></strong>Nama warna (contohnya: <kod>merah</kod>, biru)

  • Penggunaan:

    atribut warna sempadan boleh ditetapkan kepada warna Sempadan tunggal atau berbilang, penggunaan khusus adalah seperti berikut:
  • Warna sempadan tunggal:

    Tetapkan warna semua sempadan kepada warna yang sama.
<code class="css">border-color: #FF0000;</code>
Salin selepas log masuk

Warna sempadan berbilang:

Tetapkan warna sempadan berbeza, mengikut urutan jam: sempadan atas, sempadan kanan, sempadan bawah, sempadan kiri.

<code class="css">border-color: #FF0000 #00FF00 #0000FF #FFFF00;</code>
Salin selepas log masuk

Contoh:

<code class="html"><div style="border-color: red;">...</div></code>
Salin selepas log masuk
Output:

div dengan sempadan merah. 🎜
<code class="html"><div style="border-color: red green blue yellow;">...</div></code>
Salin selepas log masuk
🎜🎜Output: 🎜🎜🎜 Div dengan sempadan atas merah, sempadan kanan hijau, sempadan bawah biru dan sempadan kiri kuning. 🎜

Atas ialah kandungan terperinci Cara menggunakan atribut bordercolor 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