美文网首页
css背景图片组合

css背景图片组合

作者: zhuyx0304 | 来源:发表于2024-04-15 15:58 被阅读0次
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    /* linear-gradient(180deg, rgba(50, 70, 80, 0.9) 0%, rgb(13, 16, 27) 100%); */
    html,
    body {
      margin: 0;
    }

    body {
      width: 100vw;
      height: 100vh;
      background-image: url(./pattern-dark.png), linear-gradient(180deg, rgba(50, 70, 80, 0.9) 0%, rgb(13, 16, 27) 100%), url(./cover-dark.jpg);
      background-repeat: repeat, no-repeat, no-repeat;
      background-size: 5rem, cover, cover;
      background-position: left top, left top, center;
      background-attachment:  initial, initial, fixed;
    }
  </style>
</head>
<body>
  
</body>
</html>

相关文章

  • CSS背景处理

    简介CSS 可以添加背景颜色和背景图片,以及来进行图片设置。 CSS背景属性 背景图片(image) 语法: 参数...

  • HTML/CSS 08-Sprites/图片整合/精灵图/雪碧图

    一、CSS Sprites的原理(图片整合技术) Css精灵雪碧图 1、将导航背景图片,按钮背景图片等有规则的合并...

  • CSS 样式介绍(五)

    1. css 精灵技术(sprite) css 精灵技术(sprite):将多个小背景图片合成一个大的背景图片(精...

  • web学习CSS5:CSS背景和列表

    1.CSS背景 1.1背景颜色 1.2背景图片 1.5背景图片定位 2.CSS列表 2.1列表项标记 2.2 列表...

  • 设置背景图片及相关属性

    设置背景图片: 在CSS可以通过background-image: url();设置背景图片 控制背景图片的平铺方...

  • 图片自适应显示

    CSS动态计算 背景图片自适应

  • 属性补充

    一、背景图片 二、CSS其他属性

  • Css3——background属性详解

    background:背景。在css里面作为css属性一成员,通过该属性可设置背景图片、背景颜色、背景图片截取等样...

  • CSS样式-背景(background)

    CSS样式 css背景(background) CSS 可以添加背景颜色和背景图片, 以及来进行图片设置。 背景图...

  • CSS背景

    CSS背景(background) 目标 理解背景的语法和作用CSS背景图片和插入图片的区别 应用通过CSS背景属...

网友评论

      本文标题:css背景图片组合

      本文链接:https://www.haomeiwen.com/subject/tbwvtjtx.html