Как добавить на страницу квадрат (около 80% ширины и высоты и цветной)?

Question

Вопрос в заголовке. Я пробовал использовать padding, width, height, divs и т. Д., Но ничего не получалось. Ничего из того, что я искал, не дало мне хорошего ответа. Просто для контекста мне нужен квадрат, как ссылка ниже (не обращайте внимания на шаблон, это лучшая фотография, которую я смог найти для того, что я хочу). Заранее спасибо!

Вот что я имею в виду

Answer 1

То, что вы ищете, - это маржа. Это похоже на обивку, но снаружи. Если вы поместите это правило CSS в:

margin: 10%;

, я уверен, что оно будет работать.

Маржа является частью модели бокса, так же как отступы, границы и содержимое. Это основная c часть CSS.

Answer 2

Было бы полезно, если вы поделитесь своим кодом .... кстати, вы также можете попробовать использовать отступ в 10% в родительском элементе.