style links:كيفية التأثير على اللنكات

شرح كيفية التأثير على لنك بcss عند الضغط عليه او عند مرور الماوس عليه hover


<<السابق الحالى التالى>>
كافة الدروس

<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>

<body>
<div id="bg">
<a href="#">my name is mohamed</a>
</div>
</body>


//css style.css
a{
font-size:20px;
font-family:Tahoma, Geneva, sans-serif;
text-decoration:none;
}

a:link{
color:#f00;
}

a:hover{
color:#0f0;
background:#f0f;
}

a:active{
background:#ccc;
}