主页 / 问题 / 1443528
Accepted
Tikhon
Asked:2022-08-28 21:44:44 +0000 UTC2022-08-28 21:44:44 +0000 UTC

背景未显示在网站上[关闭]

  • 772

body {
    padding: 0;
    margin: 0;
    font-family: 'Blinker', 'wght@900';
    color: 000;
    font-size: 16px;
}
h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
ul, li {
    display: block;
}
.contrainer { /*позиционирование по центру*/
    width: 1170px;
    margin: 0 auto;
}
.header {
    background: url('../img/fon.jpg') no-repart center;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Taxisite</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Blinker:wght@900&family=Inter&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <header id='header'>
        <div class="container">
            <img src="img/logo.svg" alt="treugol">

        </div>
    </header>
    <section id= "about" class="about">
        <div class="container">

        </div>
    </section>
    <footer id="footer" class="footer">
        <div class="container">

        </div>
    </footer>
</body>
</html>

为什么网站上没有显示背景？背景简单，单色，但没有通过通常的背景出现。（背景 1920 乘 1080）

背景

html

1 个回答

  1. Best Answer

    因为您指的是一个不存在的类.header，所以您只有一个id具有该名称的类，并且idcss 不是通过点访问，而是通过#. 此外，您输入了错误的属性 value background: no-repeat。

    #header {
  background: url('https://isstatic.askoverflow.dev/V8UOG.jpg') no-repeat center;
}
    <header id='header'>
  <div class="container">
    <img src="img/logo.svg" alt="treugol">
  </div>
</header>

    • 0

相关问题