Почему картинка не отображается?
html
<div class="block"></div>
css
body {
padding: 30px;
}
.block {
background: url('img/bg.jpg') 50%/cover no-repeat;
height: 300px;
border-radius: 15px;
box-shadow: 0 0 10px #000;
}
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПочему картинка не отображается?
html
<div class="block"></div>
css
body {
padding: 30px;
}
.block {
background: url('img/bg.jpg') 50%/cover no-repeat;
height: 300px;
border-radius: 15px;
box-shadow: 0 0 10px #000;
}
В папке с html файлом должна присутствовать папка img с файлом bg.jpg, а у вас там его судя по всему нет. Проверить это легко - достаточно поставить ссылку на реальное изображение. Например возьмём ссылку на изображение из интернета:
body {
padding: 30px;
}
.block {
background: url('https://sun9-3.userapi.com/c851420/v851420625/ab90c/EjFmBdujxUU.jpg') 50%/cover no-repeat;
height: 300px;
border-radius: 15px;
box-shadow: 0 0 10px #000;
}
<html>
<body>
<div class="block"></div>
</body>
</html>