13 图片背景和渐变 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景图片</title>
    <style>


        body{
            background-image: linear-gradient(19deg, #5a99a8 0%, #a2148f 100%);
        }
        /*渐变*/
        /*默认全部平铺,可以修改*/
        div{
            width: 1000px;
            heigth: 700px;
            border: 1px solid red;
            background-image: url("images/爱莉希雅.jpg");
        }
        #nav1{
            background-repeat: repeat-x;
        }
        #nav2{
            background-repeat: repeat-y;
        }
        #nav3{
            background-repeat: no-repeat;
        }

    </style>
</head>

<body>

<div id="nav1"><h1>aaa</h1></div>
<div id="nav2"> <h1>aaa</h1>  </div>
<div id="nav3"> <h1>aaa</h1>  </div>
</body>

</html>
posted @   被占用的小海海  阅读(8)  评论(0)  编辑  收藏  举报
相关博文：
·  04 图像标签
·  16.Icon图标与ImageIcon 图片 标签
·  13.背景图像应用及渐变
·  背景图像应用及渐变
·  背景图像应用及渐变
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手