2 CSS Tricks für mehr Design Möglichkeiten

19. August 2009 - Thema: Programmieren, Webdesign  - 1 Kommentar

Die gängiste Programmiersprache für das Design von Webseiten und Blogs ist CSS. CSS alleine bringt nicht viel, die Programmiersprache wird deshalb meist zusammen mit Html oder Html und PhP verwendet.
Eigentlich ist CSS schnell erlernt und bietet dem Webdesigner trotzdem nahezu unendlich Möglichkeiten seine Seiten zu gestalten

In diesem Artikel will ich euch 2 CSS-Tricks zeigen, mit denen ihr eure Seiten ordentlich aufpeppen könnt.

Seite mittig ausrichten

Den Anfang macht ein recht simpler Trick, die Rede ist vom Ausrichten der gesamten Seite in der Mitte des Bildschirms, wobei sich die Seite beim Verändern der Browserfenstergröße automatisch den neuen Verhältnissen anpasst.
Der Code dafür lautet:

body{ margin: 0px auto 0px; }

Text in anderer Farbe unterstreichen als die Textfarbe

Um einen Text abschnitt unterstreichen zu lassen genügt normalerweise das <u>...</u>-Tag, dann hat die unterstreichende Linie allerdings die gleiche Farbe wie der Text selbst und das wollen wir ja nicht ;)

Also zuerst muss man den text den man unterstreichen möchte in ein <span>Text der unterstrichen werden soll</span>-Tag legen, und anschließend das Span-Tag mit CSS bearbeiten und zwar wie folgt:

<span style="border-bottom: 1px red solid;">Text der unterstrichen werden soll</span>

So wenn ihr alles richtig gemacht hat habt ihr mit diesem Beispiel einen rot unterstrichenen Text ;)

Dir hat dieser Eintrag gefallen? Dann gib ihm doch ein Like!

Ähnliche Artikel



Kommentare

Eine Meinung zu “2 CSS Tricks für mehr Design Möglichkeiten”

  1. Sebastian am 27.08.2009 um 21:58 Uhr

    CSS ist zwar keine Programmiersprache, sondern eine sogenannte Stylesheet-Sprache (Formatierungssprache), aber das mit dem farbig unterstreichen werd ich mir merken. Einfach ne Border druntersetzen.