Rumah > Artikel > hujung hadapan web > Bagaimana untuk menetapkan warna sempadan dalam css
Bagaimana untuk menetapkan warna sempadan dalam css
- 青灯夜游asal
- 2021-10-12 17:58:2916704semak imbas
Kaedah: 1. Atribut warna sempadan menetapkan warna empat jidar pada masa yang sama; 2. Warna sempadan atas, warna sempadan bawah, warna sempadan kiri dan jidar -atribut warna kanan ditetapkan secara berasingan Sempadan atas, bawah, kiri dan kanan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.
css set warna sempadan
Kaedah 1: Gunakan atribut warna sempadan untuk menetapkan warna empat sempadan pada masa yang sama masa
warna sempadan ialah sifat trengkas yang menetapkan warna bahagian yang boleh dilihat bagi semua sempadan unsur.<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.box{
width: 280px;
height: 62px;
border-style:solid;
border-color: red;
}
</style>
</head>
<body>
<div class="box">欢迎来到PHP中文网！</div>
</body>
</html>Rendering: 
Kaedah 2: Tetapkan sempadan atas, bawah, kiri dan kanan masing-masing
- atribut warna sempadan atas: warna sempadan atas
- atribut warna sempadan bawah: warna sempadan bawah
- sifat sempadan-kiri-warna: warna sempadan kiri
- sifat warna sempadan-kanan: warna sempadan kanan
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.box{
width: 280px;
height: 62px;
border-style:solid;
border-top-color:red;
border-bottom-color:paleturquoise;
border-left-color:palevioletred;
border-right-color:darkcyan;
}
</style>
</head>
<body>
<div class="box">欢迎来到PHP中文网！</div>
</body>
</html>Perenderan: 
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!