| время
|
 |
Использование фонового 5
Во-первых, используются с помощью набора свойств фона (background) мы помещаем наше изображение на задний план элемента div.
div {
background-image:url("hello_world.gif");
background-repeat:no-repeat;
height:35px;
}
Обратите внимание на свойство height. Его значением является действительная высота нашего изображения, тем самым обрамляющий div обязан показать изображение полностью, заняв ровно столько по высоте, сколько нужно - ни больше ни меньше. Свойство background-repeat в данном случае указывает на то, что фоновое изображение не должно автоматически повторяться вдоль вертикали и горизонтали.
Нам остаётся лишь скрыть текстовую строку, изначально помещённую в HTML код. Вот для чего появился тег span - мы нуждаемся во втором элементе, чтобы непосредственно к нему можно было бы "привязать" невидимость. Это легко осуществить.
span {display:none;}
Объединим эти два небольших стилевых правила с исходным куском HTML кода, и мы получим простой результат.
