Программирование - это просто
Advertisement
Главная arrow Web-программирование arrow Уроки CSS arrow Web-программирование. Тема урока: «CSS: фоновые картинки» (background-image, font).
24.04.2024 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
Web-программирование. Тема урока: «CSS: фоновые картинки» (background-image, font). Печать E-mail
Автор megabax   
24.12.2009 г.
Урок 13. Управление шрифтами в CSS New Page 1

Тема сегодняшнего урока: «CSS: фоновые картинки» (background-image, font).

 

Для задания фоновой картинки используем свойство background-image. Для изучения синтаксиса рассмотрим пример:

 

<HTML>
<HEAD>
<TITLE>Урок 17. CSS: фоновая картинка</TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
body {
background-image:url(100000-1.jpg);
}
P {font-size:40;
font:bold;
color:black}
-->
</STYLE>
<BODY>

<P>Здесь будет кое какой текст.
</P>

</BODY>
</HTML>

 

Выглядеть будет так:

CSS: фоновые картинки» (background-image, font, web)

 

Можно задать повторяемость по горизонтали и вертикали, для этого используется свойство background-repeat. Что бы задать повторени епо горизонтали, используем значение repeat-x

 

CSS: фоновые картинки» (background-image, font, web)

 

для повторения по вертикали значение repeat-y:

 

CSS: фоновые картинки» (background-image, font, web)

 

что бы изображение вывести только один раз, используем no-repeat:

 

CSS: фоновые картинки» (background-image, font, web)

 

 

 

Последнее обновление ( 10.08.2010 г. )
 
« След.   Пред. »
 
© 2024 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги