В настоящее время я работаю над проектом в колледже. У меня проблема, у меня есть образ, который я хочу разместить в коробке. Он также должен иметь прописку со всех сторон на основе контура изображения. Я пробовал все виды, но не смог. Может ли кто-нибудь привести пример HTML и CSS, чтобы помочь мне с этой проблемой.Коробка внутри фонового изображения HTML, CSS
Назначают изображение в DIV в качестве фонового изображения, и в центре внутреннего DIV в пределах этого с помощью прокладки.
.inner {
background-color: blue;
width: 100%;
height: 100%
}
.background {
background-image: url('http://placehold.it/800x600');
width: 100%;
background-size: cover;
height: 300px;
padding: 50px;
box-sizing: border-box;
}
не поощряют вопросы «сделайте мою работу за меня». –
@MarcB, если бы ОП не указал «проект колледжа», никто не стал бы подвергать сомнению этот вопрос. Я действовал в предположении, что это был только один отдельный компонент для более крупного проекта. – Harangue
, то это все еще «домашняя работа», и OP должен показать хотя бы НЕКОТОРЫЕ попытки программирования, а не просто базовую способность использовать Photoshop. –
Использование изображения в качестве фона ": URL (...)" первого DIV, в первый DIV вставить второй DIV с ПРОКЛАДКИ "обивка: 25px" (к примеру). Или, может быть, я не понимаю вас)
Чтобы получить лучшую обратную связь, отправьте код, который вы пробовали, объясните, что вы хотели бы сделать, и объясните, что происходит. Тогда люди смогут указать вам в правильном направлении. Попытайтесь воздержаться от «Вот что я хочу. Пожалуйста, напишите код для меня». –
Извините, я сделаю это в будущем, это был единственный образ, который у меня был с другими файлами, такими как CSS и HTML, которые я бы включил, если бы у меня был доступ к ним. – MrMajestic