css背景图片组合
2024-04-15 本文已影响0人
zhuyx0304
<!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>
