Design realisieren

[DarkCross44]

Guten Abend,

ich habe mir in PS folgendes erstellt:

Wie kann ich am saubersten bzw. geschicktesten diese Überschrift in CSS realisieren?

Mit freundlichen Grüßen,
DarkCross44

 

[Tronjer]

Was genau willst du wissen:
- Wie man Text eine grüne Farbe gibt?
- Wie man einen bestimmten Font einbindet?
- Wie man eine zweifarbige Linie realisisiert?

 

[Bennyville]

Wenn es um die Linien geht:
http://jsfiddle.net/6DqQ2/1/

Mit entsprechendem Markup geht es bestimmt auch zweifarbig.

EDIT: Beim IE erst ab Version 8

 

[threadi]

Ungetester Entwurf:

<h1><span>Übersicht</span></h1>

h1 {
 background-image: url(grauelinie.png);
 background-position: 50% 0;
 background-repeat: repeat-x;
}

h1 span {
 background-color: #fff;
 background-image: url(gruenelinie.png);
 background-position: 50% 0;
 background-repeat: repeat-x;
 color: green;
 padding: 0 24px;
}