1. Главная страница » Уроки CSS » Фон элемента <body>

Фон элемента <body>

Автор: | 28.03.2013

В примере ниже в качестве фона элемента «body» используется голубой цвет, а для блока «div» изображение:

файл: «cascadе.css»

body
{background-color: #AAFFFF;}

.primer
{
background-image: url(image/coloboc3.png);
border: 3px solid blue;
position: absolute; top:200px; left:300px; height:500px; width=»99%»;
}

a
{color:#B619FF; font-weight: bold;}

a:hover
{color:#ff0000; font-weight: bold; text-decoration:none;}

h1
{color: #0000ff; font-size:18px;}

h2
{color: #9E0037; font-size:16px;}

p
{color: green; font-size:14px;}

файл: «primer3.html»

<html>
<head>
<title>Пример №3</title>
<link href=»cascadе.css» rel=»stylesheet» type=»text/css»>
</head>
<body>
<h1>Мы рады вас видеть!!!</h1><br/>
<h2>Здесь вы найдете все что искали!!!</h2><br/>
<p>На этом сайте Вы найдёте любую информацию, которую вы так долго искали на просторах интернета.</p>
<div class=»primer»> </div>
</body>
</html>

Теперь рассмотрим все подробнее:

background-image: url(image/coloboc3.png); — указывает на то, что фоном будет изображения и в скобках указываем адрес.

border: 3px solid blue; — задает параметры рамки (толщину, тип и цвет)

position: absolute; top:200px; left:300px; height:500px; width=»99%»; — задаем положение нашему контейнеру и его размеры (от верха, с лево; высота и ширина) в пикселях.

На этом мы закончим наше поверхностное знакомства с CSS. С помощью CSS можно сделать гораздо больше и если у вас есть желания изучить этот материал более подробно, можете скачать учебник из раздела «Учебники»

1 2 3 4 5

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

code