线性渐变

moonjerx

2022-12-16 / 0 评论 / 95 阅读 / 正在检测是否收录...

12/16

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
.box{
        height: 200px;
        background-color: red; 
        background-image:linear-gradient(red,yellow,blue);}
</style>
</head>
<body>
    <div class="box"></div>
</body>
</html>
<style type="text/css">
#box {
  height: 200px;
  background-color: red;
  background-image: linear-gradient(to bottom right, red, blue);
}
</style>

暂无标签