Здравствуйте Гость!


Запомнить.
Авто. вход.
Забыли пароль?
Регистрация

ПОДПИСКА Подписавшись по E-mail, Вы будете получать уведомления о новых статьях к себе на почту.
Подписатся на почтовую рассылку на сайте astranar.ru
Подписаться



ДОБАВЛЯЙТЕСЬ В ДРУЗЬЯ Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте на стене моего аккаунта.
Мой аккаунт Вконтакте
Мой аккаунт
Главная - CSS - CSS атрибуты и значения, определяющие неподвижный фон


CSS атрибуты и значения, определяющие неподвижный фон


CSS атрибуты и значения, определяющие неподвижный фон

Сегодня мы поговорим о позиционировании фонового изображения и о неподвижности фона body. Рассмотрим код :



 <head>

<title>Пример</title>

<style type="text/css">

body {

background-color:BlanchedAlmond;

}

.fon_scroll {

margin:0 auto;

width:700px;

height:800px;

padding:30px;

background-color:#ffffff;

background-image:url(images/7.jpg);

background-repeat:no-repeat;

background-attachment:fixed;

background-position:40px 40px;

}

</style>

</head>

<body>

<div class="fon_scroll">

<p>Текст документа</p>

</div>

</body>



По умолчанию фоновое изображение прокручивается вместе с другими элементами страницы.

background-attachment:fixed фиксирует фоновое изображение в заданной позиции.

background-position: задает точные координаты фона по горизонтали и по вертикали.


Вот вроде и все, если остались вопросы,-задавайте их в комментариях.



Просмотров страницы: 18659
Урок добавлен: 21 Июля 2012

<<<Предыдущая статьяСледущая статья >>>

Копирование материалов разрешается только с указанием автора (Пальгов Олег) и индексируемой прямой ссылкой на сайт (https://astranar.ru/)!

Добавляйтесь ко мне в друзья ВКонтакте: https://vk.com/palgov_oleg. Если Вы хотите оценить меня и мою работу, то напишите на стене моего аккаунта ВКонтакте.

Если Вы не хотите пропустить новые материалы на сайте, то Вы можете подписаться на обновления:
Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Ещё статьи по css:
• Как сделать тени вокруг блока css
• Как менять картинку при наведении курсора мыши
• Как изменить расстояние между строками текста?
• Как сделать закруглённые углы через CSS


Комментарии (0)


Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
CSS атрибуты и значения, определяющие неподвижный фон
Всякая злость происходит от бессилия

Жан-Жак Руссо

Вступайте в группу!