Rumah >hujung hadapan web >tutorial css >Kecerunan linear dengan hentian berbilang warna

Kecerunan linear dengan hentian berbilang warna

WBOY
WBOYke hadapan
2023-08-31 09:53:11708semak imbas

Kecerunan linear dengan hentian berbilang warna

Untuk berbilang hentian warna dalam kecerunan linear, anda boleh cuba jalankan kod berikut:

Contoh

Demo Langsung

<!DOCTYPE html>
<html>
   <head>
      <style>
         #demo {
            height: 100px;
            background: linear-gradient(blue, orange, yellow, gray);
         }
      </style>
   </head>
   <body>
      <h2>Linear Gradient</h2>
      <div id = "demo">Mutiple Color Stops</div><br>
   </body>
</html>

Atas ialah kandungan terperinci Kecerunan linear dengan hentian berbilang warna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam