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;
}