背景图片未出现在我的网站上

时间:2018-07-31 20:43:04

标签: html css html5 background background-image

我尝试了所有操作,包括更改文件夹,重新命名,检查拼写错误。

我首先尝试将其添加到CSS类

下面是我最后一次尝试在HTML工作表上尝试

    <div> <nav class="Article">
            <table>
                <tr>
                    <td data-bg="Artboard-10.png">
                    </td>
                </tr>
            </table>
            </nav>
        </div>
    <div>

主体背景图像工作正常,只是尝试将其他背景图像添加到表或节中而无法正常工作。

这是我最初添加的CSS代码

.Article table tr td{
background: url("Photos/Artboard-10.png") no-repeat;

}

请帮助!

1 个答案:

答案 0 :(得分:0)

图片作为背景。

.article .image {
  background: url("https://images.pexels.com/photos/257540/pexels-photo-257540.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=300&w=200") center no-repeat;
  width: 400px;
  height: 267px;
}
<div> 
  <nav class="article">
  <table>
    <tr>
      <td>
        <div class="image">
          &nbsp
        </div>
      </td>
    </tr>
  </table>
  </nav>
</div>
<div>