So sieht z.B. eine einfache Überschrift aus. Links der Code für diejenigen, die ohne CSS arbeiten. Rechts der Code für CSS. (Dasselbe gilt auch für die weiteren Codes)
Hier mal ein paar weitere Beispiele. Vielleicht gefällt euch eines davon ^.-

Überschrift

Ohne CSS <p style="background:#000000; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { background-color: #000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="background-image:url('http://img7.myimg.de/amy003582fe.jpg'); text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { background-image:url('http://img7.myimg.de/amy003582fe.jpg'); font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="border-bottom: dotted #000000; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { border-bottom: dotted #000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="border-bottom: solid #000000; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { border-bottom: solid #000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p align="center" style="border-top: solid #000000; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { text-align: center; border-top: solid #000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="border: dotted #ffffff; border-width: 2; background-image:url ('http://img7.myimg.de/amy003582fe.jpg'); text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { border: dotted #ffffff; border-width: 2; background-image:url('http://s6.directupload.net/images/080728/3yo4zd2c.gif'); font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="background:#000000; border-bottom: 2px dashed white; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { border-bottom: 2px dashed white; background:#000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Überschrift

Ohne CSS <p style="background:#000000; border-left: solid #ffffff; border-width: 5px; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; font-color: #ffffff;">Überschrift</p>

Mit CSS h1 { background:#000000; border-left: solid #ffffff; border-width: 5px; background:#000000; font-size: 10px; font-family: Verdana; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; font-weight: bold; }

Ihr könnt die verschiedenen Überschriften auch kombinieren. Das dürfte aber kein Problem mehr für euch sein ^^ Bei Fragen meldet ihr euch einfach bei mir.