Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna sempadan dalam css
Bagaimana untuk menetapkan warna sempadan dalam css
- 青灯夜游asal
- 2021-09-14 17:07:065216semak imbas
Cara menetapkan warna sempadan dalam CSS: 1. Gunakan atribut sempadan dengan sintaks "sempadan:yansezhi;" 2. Gunakan atribut warna sempadan dengan sintaks "warna sempadan:yansezhi;" . Nilai warna boleh ditakrifkan menggunakan nama warna, nilai heksadesimal, RGB atau RGBA, HSL, dsb.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
Kaedah 1: Gunakan atribut sempadan
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid #FFC0CB;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendering:
Kaedah 2: atribut warna sempadan
Atribut warna sempadan digunakan untuk menetapkan warna empat jidar.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
margin: 10px;
border:solid;
border-color: bisque;
}
</style>
</head>
<body>
<div>测试文字</div>
<div>测试文字</div>
<div>测试文字</div>
</body>
</html>Rendering:
Nilai warna boleh ditetapkan dengan cara berikut:
nama - nyatakan nama Warna, seperti "merah"
HEX - Tentukan nilai perenambelasan, seperti "#ff0000"
RGB - Tentukan RGB nilai , seperti "rgb(255,0,0)"
-
HSL - nyatakan nilai HSL, seperti "hsl(0, 100%, 50%)"
telus
Pengesyoran berkaitan: "tutorial video css"
Atas ialah kandungan terperinci Bagaimana untuk menetapkan warna sempadan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!