Ostylowanie nagłówka Opcje

[rav1989]

Witam,

Potrzebuję ostylować nagłówki h1-h6 w konkretny sposób.
Mniej więcej tak: (IMG:http://www.bankfotek.pl/thumb/1262087.jpeg)
Tylko w samym CSS.

Czy mógłby mi ktoś napisać jak to zrobić ew. jeszcze lepiej pokazał (nie znam się za bardzo na CSS).

Wymyśliłem coś takiego ale dalej utknąłem: http://jsbin.com/ekexid/5/edit#source

Pozdrawiam

Ten post edytował rav1989 30.05.2012, 21:10:31

[rav1989]

Dziękuję, działa świetnie (IMG:style_emoticons/default/smile.gif)

Zrobiłem jeszcze aby ta "wypukłość" z tytułem była na dole (analogicznie):

[HTML] pobierz, plaintext 
 .menu{
    width:100%;
    height:40px;
    border-top:1px solid #000;
    }
 
.menu h1{
    display:inline-block;
    margin:0 0 0 20px;
    height:100%;
    border: 1px solid #000;
    border-radius: 0 0 15px 15px;
    padding:0 6px;
    background:#fff;
    border-top:none;
    }
[HTML] pobierz, plaintext 

Tylko coś nie do końca zadziałało... mianowicie tam gdzie ma być przerwa nadal jest linia (coś chyba trzeba dać 1px w górę lub dół).

Pozdrawiam