Rumah > Artikel > hujung hadapan web > Bagaimana untuk menukar warna sempadan img dengan css
Bagaimana untuk menukar warna sempadan img dengan css
- WBOYasal
- 2021-11-25 17:37:024164semak imbas
Dalam CSS, anda boleh menggunakan atribut "border-color" untuk menukar warna sempadan img Fungsi atribut ini adalah untuk menetapkan warna sempadan elemen Anda hanya perlu menambah "border-. warna: nilai warna; "Gaya sudah memadai.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Cara menukar warna sempadan img dalam css
Dalam css, anda boleh menggunakan atribut sempadan untuk menukar warna sempadan img . Mari kita lihat contoh di bawah Operasi khusus, contohnya adalah seperti berikut:
<html>
<style type="text/css">
img{
border-style: solid;
border-width: 10px;
border-color:red;
}
</style>
<body>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
</body>
</html>Hasil keluaran:
Pada masa ini , warna sempadan img berwarna merah, di bawah kita lulus atribut sempadan , anda boleh menukar warna sempadan jadual:
<html>
<style type="text/css">
img{
border-style: solid;
border-width: 10px;
border-color:blue;
}
</style>
<body>
<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
</body>
</html>Hasil keluaran:
(Belajar perkongsian video: tutorial video css )
Atas ialah kandungan terperinci Bagaimana untuk menukar warna sempadan img dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!