ГринФам


ГринФам


Полезные советы

Буквица


<style type="text/css">
p:first-letter {
font-size: 30pt; /* Размер шрифта буквицы */
float: left; /* Выравнивание по левому краю */
background-color: #fc0; /* Цвет фона */
padding: 3px; /* Поля вокруг буквы */
margin-right: 4px; /* Отступ от фона до текста */
}
p + p:first-letter {
color: black; /* Черный цвет текста */
font-size: 12pt; /* Размер шрифта в пунктах */
background-color: #fff; /* Белый цвет фона */
padding: 0; /* Обнуляем поля */
margin: 0; /* Обнуляем отступы */
}
</style>


Цвет фона ссылки


<style type="text/css">
A {
color: #800000; /* Цвет текста */
background: #ffc; /* Цвет фона */
padding: 2px; /* Поля вокруг текста */
}
</style>
пример

Для сборки мегадроида требуется открыть коробку, достать мешочек с микросхемами и сложить их в нужном порядке, пользуясь нашим подробным 8631-страничным руководством.


Цвет фона под заголовком


<style type="text/css">
H1 {
background-color: RGB(249, 201, 16); /* Цвет фона под заголовком */
}
</style>
пример

Малахит

Название по одной из версий появилось от сходства по цвету с листьями мальвы, по иной — от греческого "малакокс", что значит мягкий. А его твердость, действительно, невелика. Синоним - медный шпат.


Цвет фона веб-страницы


<style type="text/css">
BODY {
background-color: #3366CC; /* Цвет фона веб-страницы */
}
</style>


Фон для веб-страницы


<style type="text/css">
BODY { background-image: url('images/bg.gif'); /* Путь к фоновому изображению */
backgrond-color: #fc0; /* Цвет фона */
} </style>


Выделение фрагмента текста

<style type="text/css">
.colortext {
color: red; /* Красный цвет символов */
}
</style>
</head>
<body>
<p>Не бойся начинать делать то, чего не умеешь!<span class="colortext">Вспомни: ковчег построили любители,</span>а "Титаник" - профессионалы! </p>

Не бойся начинать делать то, чего не умеешь! Вспомни: ковчег построили любители, а "Титаник" - профессионалы!


Цвет первой буквы в каждом абзаце


<style type="text/css">
p:first-letter {
color: green /* Зеленый цвет первой буквы */
}
</style>
</head>
<body>
<p>Маленький мальчик дискету нашел,</p>

Маленький мальчик дискету нашел,

С нею он в Дом пионеров пришел,

Сунул в компьютер, нажал на "Reset"...

Больше программ на винчестере нет.





Страницы  1   2   3    4    5    6   7   8


Рейтинг@Mail.ru       

Сайт управляется системой uCoz