// citesti...

css

Cosmetizare link cu CSS

Daca vreti sa dati un look mai deosebit link-urilor voastre puteti incerca varianta de mai jos:
Codul html:

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>link</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {color: #CC6600}
-->
</style>
<a href="#" class="a style2">link super link</a>

Codul css (style.css):

1
2
3
4
5
6
7
8
9
10
11
12
.a {
color: #990000;
text-decoration: none;
background-color: transparent;
border-color: #333333;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

Efectul final:
link.jpg

Discutie

Un comentariu la “Cosmetizare link cu CSS”

  1. de cand am blog am inceput sa invat html.. chiar prinde bine sa stii chestiile astea.. oricum gg pt tutorial..

    Postat de Dani | 16 Noiembrie, 2007, 12:51 am

Lasa un comentariu

XHTML: Poti folosi urmatoarele tag-uri: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>