Код вашей страницы

 <html>
<head>

<style type="text/css">
body
{
background-image:url('girl.jpg');
background-repeat:no-repeat;
background-position:right top;
margin-right:450px;
}
</style>

</head>

<body>
<h1>Всем привет!</h1>
<p>Пример позиционирования изображения.</p>
<p>В этом примере фоновое изображение показывается всего один раз и спозиционировано справа от текста.</p>
<p>Также мы добавили отступ margin с правой стороны текста, поэтому фоновое изображение не будет перекрыто текстом.</p>
</body>

</html>

Результат в окне браузера

Всем привет!

Пример позиционирования изображения.

В этом примере фоновое изображение показывается всего один раз и спозиционировано справа от текста.

Также мы добавили отступ margin с правой стороны текста, поэтому фоновое изображение не будет перекрыто текстом.

К примерам CSS >> В раздел CSS >> На главную >>


HTML-верстка: инструменты и приемы профессиональной front-end разработки