В примере ниже в качестве фона элемента «body» используется голубой цвет, а для блока «div» изображение:
файл: «cascadе.css»
| body {background-color: #AAFFFF;} .primer a a:hover h1 h2 p |
файл: «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 можно сделать гораздо больше и если у вас есть желания изучить этот материал более подробно, можете скачать учебник из раздела «Учебники»
