Rumah >hujung hadapan web >tutorial css >Bagaimana untuk menetapkan kecerunan latar belakang dalam dua arah dalam css
Bagaimana untuk menetapkan kecerunan latar belakang dalam dua arah dalam css
- WBOYasal
- 2021-12-08 19:05:304752semak imbas
Dalam css, anda boleh menggunakan atribut "background-image" dan fungsi "linear-gradient()" untuk menetapkan kecerunan latar belakang dalam dua arah Sintaks ialah "elemen {background-image:linear-. kecerunan(arah, Warna 1, Warna 2, Warna 3}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3 .
Cara menetapkan kecerunan latar belakang dalam dua arah dalam css
Dalam css, anda boleh menggunakan atribut imej latar belakang dan linear- fungsi kecerunan() untuk mencapai dua arah Kecerunan
Atribut imej latar belakang menetapkan imej latar belakang untuk elemen Fungsi
linear-gradient() digunakan untuk mencipta imej yang mewakili. kecerunan linear dua atau lebih warna 🎜>Untuk mencipta kecerunan linear, anda perlu menetapkan dua warna Anda juga boleh mencapai kesan kecerunan dalam arah yang berbeza (ditentukan sebagai sudut, kecerunan lalai). adalah dari atas ke bawah. >
(Belajar perkongsian video:Tutorial video css
)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div{
height: 200px;
width:300px;
background-image: linear-gradient(red,transparent,blue);
}
</style>
</head>
<body>
<p>从头部开始的线性渐变，从红色开始，转为透明，再到蓝色:</p>
<div></div>
</body>
</html>Atas ialah kandungan terperinci Bagaimana untuk menetapkan kecerunan latar belakang dalam dua arah dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Artikel berkaitan
Lihat lagi- Bagaimana untuk menetapkan bayang garis mendatar dalam css
- Bagaimana untuk menetapkan elemen untuk mengklik untuk berhenti apabila ia berputar 360 darjah dalam css3
- Bagaimana untuk mengalih keluar atribut css elemen dalam jquery
- Bolehkah nilai atribut sudut bulat dalam css menggunakan peratusan?
- Bagaimana untuk menulis ketelusan warna css3