Für einen Link eine andere Farbe?



  • Hi!

    Ich hab im body tag Farben für Links festgelegt, allerdings würd ich für einen einzelnen Link gerne eine andere Farbe haben, wie geht das ganze? Ich hab da bei Selfhtml nichts gefunden...



  • Versuchs mal so:

    <a href="" style="color:red">Toller Link</a>
    


  • Das geht am besten mit css:
    <a style="color: #......;" href="...">...</a>

    Ich würde dir übrigens auch empfehlen, die Link-Farben im Body mit css zu machen, anstatt im body-tag.
    So kannst du die selben styles in mehreren Dateien verwenden.
    Ein Tutorial zu css gibts bei selfhtml und www.w3schools.com



  • Hallo TheToast,

    mit folgender CSS-Code erreichst du
    genau das gewünschte Ergebnis

    a:link { ... }
    a:visited { ... }
    a:hover { ... }
    a:active { ... }
    a:focus { ... }
    

    In SelfHTML steht das unter anderem unter
    > CSS Sytle-Sheets
    > CSS-Eigenschaften
    > Pseudoformate



  • Herrmann schrieb:

    Hallo TheToast,

    mit folgender CSS-Code erreichst du
    genau das gewünschte Ergebnis

    a:link { ... }
    a:visited { ... }
    a:hover { ... }
    a:active { ... }
    a:focus { ... }
    

    In SelfHTML steht das unter anderem unter
    > CSS Sytle-Sheets
    > CSS-Eigenschaften
    > Pseudoformate

    Das zählt ja für alle Links, ich wollte nur einzelnen eine andere Farbe geben...
    Sowas wie von C14/Michamab angegebenes hab ich gesucht... Danke 🙂



  • Herrmanns Methode geht aber auch, wenn man unterschiedliche Arten von Links haben will, indem man Unterklassen definiert.

    CSS-Datei:

    a:link { color:red; ... }
    a:visited { ... }
    a:hover { ... }
    a:active { ... }
    
    a.navigation:link { color:blue; ...  }
    a.navigation:visited { ... }
    a.navigation:hover { ... }
    a.navigation:active { ... }
    
    <a href="">Normaler Link (Rot)</a>
    <a href="" class="navigation">Navigations-Link (Blau)</a>
    

Anmelden zum Antworten