css3

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