CSS3快速上手之4：多重背景

最新推荐文章于 2019-09-02 11:17:55 发布

Owen的Blog

最新推荐文章于 2019-09-02 11:17:55 发布

阅读量314

点赞数

分类专栏： HTML CSS

本文链接：https://blog.csdn.net/u011775523/article/details/52770448

版权

HTML 同时被 2 个专栏收录

45 篇文章 0 订阅

订阅专栏

CSS

22 篇文章 0 订阅

订阅专栏

1.代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>网页title</title> 
<style>
#example1 {
    background-image: url(tree.gif), url(background.gif);
    background-position: right bottom, left top;
    background-repeat: no-repeat, repeat;
    padding: 15px;
}
</style>
</head>
<body>

<div id="example1">
<h1>标题文字</h1>
<p>文章内容一：AAAAAAAAAAAA.</p>
<p>文章内容二：BBBBBBBBBBBBBB.</p>
</div>

</body>
</html>

2.代码中需要的素材：(tree.gif, background.gif)