html - CSS多重背景

Question

我有一个网站，我想更改它的背景。我想在顶部和底部放置一个背景。

这是CSS代码:

div.bg_top {  background-image: url('bg_top.jpg');  background-repeat: no-repeat;  background position: top center;}div.bg_bottom {  background-image: url('bg_bottom.jpg');  background-repeat: no-repeat;  background position: bottom center;}

HTML代码:

<div class="bg_top">  <div class="bg_bottom">    Content Here.  </div></div>

对吗？

Answer 1

我建议最好使用 CSS 速记

.bg_top { background: url('bg_top.jpg') no-repeat top center; }

.bg_bottom { background: url('bg_bottom.jpg') no-repeat bottom center; }