html - 如何将背景图像添加到我的导航栏？

Question

我在向导航栏添加图像时遇到问题。我试过添加

#header, #nav {
background-image: url("https://img.freepik.com/free-photo/white-marble-texture-background_38679-514.jpg?size=626&ext=jpg") repeat;
}

HTML:

<nav>
  <ul>
  </ul>
</nav>
</header>

CSS:

  #header #nav { 
  background-image: url(https://img.freepik.com/free-photo/white-marble-texture-background_38679-514.jpg?size=626&ext=jpg);
  background-repeat: repeat;
}

我希望导航栏有大理石背景

Answer 1

试一试。此外，我将您的背景图像样式更改为仅背景，以便您可以包含“重复”速记属性。html

<header>
    <nav>
        <ul></ul>
    </nav>
</header>

CSS

    header, nav {
    background: url("https://img.freepik.com/free-photo/white-marble-texture-background_38679-514.jpg?size=626&ext=jpg") repeat;
    width: 300px;
    height: 200px;
}