arka plan resmi özelliği, bir öğenin arka planı olarak kullanılacak resmi belirtir. Varsayılan olarak görüntü, öğenin tamamını kaplayacak şekilde tekrarlanır.
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-image: url("paper.jpg");
}
</style>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu sayfada arka plan resmi var !</p>
</body>
</html>
Arka plan resmi belirlerken, sayfa üzerindeki metinlerin okunabilir olduğundan emin olmanızda fayda var.
Arka plan resmi ayrıca <p> öğesi gibi belirli öğeler için de ayarlanabilir:
<!DOCTYPE html>
<html>
<head>
<style>
p {
background-image: url("paper.jpg");
}
</style>
</head>
<body>
<h1>Merhaba Dünya!</h1>
<p>Bu sayfada arka plan resmi var !</p>
</body>
</html>