Links mit Rahmen gestallten [CSS] Tutorial - Kostenlose Homepage Tools für deine Homepage auf ntmb.de

Du bist hier: Startseite » Tutorials » Links mit Rahmen gestallten [CSS] Tutorial

Links mit Rahmen gestallten [CSS]

1625 -

ntmb

- 01.02.2006 20:21 Uhr - Version: 1 - - verlinken als BB-Code

In diesen Tutorial könnt ihr mal sehen wie man ein Link mit einen Rahmen und Hintergrund gestaltet kann, der bei mouseover sich ändert

Dies ist der CSS Tag

CODE:


<style type="text/css"> 

a.extra:link,a.extra:visited { 

    margin:1px;

    padding:1px;

    display:block;         

    border:1px solid #000000; 

    color:#000000; 

    TEXT-DECORATION:none; 

    font-size:12px; 

    font-weight:bold; 

    background-color:#DDDDDD;

} 

a.extra:hover { 

    background-color:#FFFFFF;

} 

</style>

Dieser CSS Code ist nur ein Beispiel und kann x beliebig geändert werden.

So müsste zum Beispiel der Html Tag aussehen

CODE:


<div style="width:100px">

<a href="text.php" class="extra"> Home </a>

<a href="text.php" class="extra"> Link us </a> 

<a href="text.php" class="extra"> About </a> 

<a href="text.php" class="extra"> Text </a>

<a href="text.php" class="extra"> Text </a> 

</div>