首页 >web前端 >css教程 >具有多个色标的线性渐变

具有多个色标的线性渐变

WBOY
WBOY转载
2023-08-31 09:53:11708浏览

具有多个色标的线性渐变

对于线性渐变中的多个色标,您可以尝试运行以下代码:

示例

实时演示

<!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>

以上是具有多个色标的线性渐变的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文转载于:tutorialspoint.com。如有侵权,请联系admin@php.cn删除