基于html，css背景平面图片暗格的应用

最新推荐文章于 2024-08-09 20:45:54 发布

始料未及长安

最新推荐文章于 2024-08-09 20:45:54 发布

阅读量152

点赞数 1

本文链接：https://blog.csdn.net/weixin_50919504/article/details/112199090

版权

基于html，css背景平面图片暗格的应用

刚学css做的一个页面还望大家多多指导

代码如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            /* background-image: url(shrio/725341110883827.jpg);
            background-repeat: no-repeat;
            background-position: center top; */
            background: floralwhite url(shrio/725341110883827.jpg) no-repeat fixed center top;
            color: hsl(0, 73%, 55%);
            font-size: 20px;
            background-position: center 20px；
        }
    </style>
</head>

<body>
    <p> 赵客缦胡缨，吴钩霜雪明。</p>
    <p>银鞍照白马，飒沓如流星。 </p>
    <p>十步杀一人，千里不留行。</p>
    <p>事了拂衣去，深藏身与名。</p>
    <p> 闲过信陵饮，脱剑膝前横。</p>
    <p>将炙啖朱亥，持觞劝侯嬴。 </p>
    <p> 三杯吐然诺，五岳倒为轻。</p>
    <p>眼花耳热后，意气紫霓生。 </p>
    <p>救赵挥金锤，邯郸先震惊。</p>
    <p>千秋二壮士，烜赫大梁城。 </p>
    <p>纵死侠骨香，不惭世上英。</p>
    <p>谁能书阁下，白首太玄经。</p>

</body>

</html>