молчун Группа: Проверенные Пользователь №: 3254 Сообщений: 27 Получено оценок: 3
| h1 { text-shadow: 1px 1px 1px #000; /*Чёрным мы наводим тень*/ text-align: center; /*Текст по центру - красотень!*/ color: #fefefe; /*Цвет добавим #fefefe*/ font: 14px Georgia; /*Думал белый? Х@й тебе!*/ margin:10px auto 0px auto; /*Маржин - десять, паддинг - пять*/ padding:5px 20px 5px 20px; /*Или двадцать? не понять*/ border-radius: 8px; /**/ background: #114477; /*Для Эксплорера фон синий*/ background: -moz-linear-gradient(top, #114477, #6699bb); /*Для Мозиллы - градиент*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#114477), to(#6699bb)); /*Про Сафари не забыли*/ border: 1px solid #114477; /*Ну а Хром и так поймёт*/ -moz-border-radius: 8px; /**/ -webkit-border-radius: 8px; /*Чудный браузер ГуглоХром*/ -moz-box-shadow:inset 0px 0px 1px #edf9ff; /*Проверяю только в нём*/ -webkit-box-shadow:inset 0px 0px 1px #edf9ff; /*Он покажет эту тень*/ box-shadow:inset 0px 0px 1px #edf9ff; /*Мелкософт покажет хрень*/ }
h2{ font: 14px Georgia; /*Здесь мы шрифт поставим клёвый*/ text-align: justify; /*Будет текст по ширине*/ -moz-border-radius-bottomleft: 8px; /*А потом мы бордер нижний */ -moz-border-radius-bottomright: 8px; /*Закругляем в уголке*/ -webkit-border-bottom-left-radius 8px; /*Закругляем его слева*/ -webkit-border-bottom-right-radius 8px; /*Справа тоже закруглим*/ border-bottom-left-radius: 8px; /*И кроссбраузерность добавим*/ border-bottom-right-radius: 8px; /*И границы зададим*/ border-right: 1px solid #114477; /*Мы границы закруглили*/ border-left: 1px solid #114477; /*Только снизу - сверху нет!*/ border-bottom: 1px solid #114477; /*Цвет границы будет синим*/ padding:0 10px 10px 10px; /*Как мой чёрный пистолет*/ margin:0 10px 10px 10px; } |