Я пытаюсь установить изображение в приведенном ниже коде как фоновое изображение, но я пробовал несколько примеров, и по какой-то причине мой не работает?
вот мой код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<style>
h1 { text-align: center; font-family: Calibri; }
p.p-centre { text-align: center; font-family: Arial; }
example2 {
border: 0px solid black;
padding: 25px;
background: url(assets/images/Festival.jpg);
background-repeat: no-repeat;
background-size: auto;
}
</style>
</head>
<body>
<h1>BEAM Festival Management System</h1>
<p class="p-centre">Festival runs from 25th - 27th June 2020</p>
<div class = "example2">
<img = "example2" src="assets/images/Festival.jpg">
</div>
</body>
</html>