下面是一个简单的示例,演示如何使用CSS设置两个图片作为背景:
“`html
<!DOCTYPE html>
<html>
<head>
<title>设置两个图片作为背景</title>
<style>
body {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
h1 {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
</style>
</head>
<body>
<h1>这是一个标题</h1>
</body>
</html>
在上面的示例中,大家使用CSS的“background”属性来设置一个图片作为背景。然后,大家在body元素中添加了两个使用该背景图片的h1元素。大家还使用CSS的“background-size”属性来设置背景图片的大小,使用“cover”值表示将图片完全覆盖页面。最后,大家还使用“background-repeat”属性来设置背景图片的重复方式,使用“no-repeat”值表示不重复。
通过使用CSS,大家可以轻松地设置两个图片作为背景,使网页更加美观和易于阅读。