Bentuk Bentuk Link CSS

Bentuk - Bentuk Link CSS, Dibawah ini ada beberapa bentuk link css, Sebagai pemanis link pada website atau blogs
1. Link 3D, pemakaian shadaow atau bayangan pada tulisan link sehingga beberbentuk tulisan 3 dimensi

Notepad Sederhana

#tigaD a{

color:#666666;

display:block;

font-family:Arial;

height:35px;

letter-spacing:0.05em;

text-decoration:none;

}

#tigaD a:hover{color:#666666;

font-family:Arial;

display:block;

height:35px;

letter-spacing:0.05em;

text-decoration:none;

text-shadow:2px 2px 2px #000;

color-shadow:#00FF00}

2. Link Huruf Besar, Ketika link di klik semua tulisan berubah menjadi huruf besar

Notepad Sederhana

#Besar a{

color: #0099FF;

text-decoration:none;

}

#Besar a:hover{

color: #0099FF;

font-weight: bold;

text-transform: uppercase;

text-decoration:none;

}

3. Link memiliki warna background

Notepad Sederhana

#warna a{

color: red;

text-decoration: none

}

#warna a:hover{

color: green;

background-color: yellow;

font-weight: bolder

}

4. Ukuran link bertambah besar

Notepad Sederhana

#ukuran a{

font-size: 30px;

color: #FF9900;

text-decoration: none

}

#ukuran a:hover{

font-size: 35px;

color: #FF9900;

}

5. Ganti Warna Shadow

Notepad Sederhana

#duaD a{

color:#FFFFFF;

display:block;

font-family:Arial, Helvetica, sans-serif;

height:35px;letter-spacing:0.05em;

text-decoration:none;

text-shadow:2px 2px 2px #000;

}

#duaD a:hover{

color:#666666;

display:block;

font-family:Arial, Helvetica, sans-serif;

height:35px;

letter-spacing:0.05em;

text-decoration:none;

text-shadow:2px 2px 2px #000;}

6. Link menggunakan border

Notepad Sederhana