‎‎رنگ در پيوندهاHTML Links -‎ Different Colors -‎

‎در يك پيوندHTML ، هنگام نمايش در وضعيت هاي مختلف داراي رنگ متفاوتي است .درحالت بازديد نشده ‎فعال ودر حالت بازديدشده غيرفعال، رنگ مختلف براي آنها پيش بيني شده است .اين تغييرحالت نمايش ‎باعث اطلاع بيشتر كاربر از پيوند ميباشد.

‎‎رنگهاي پيوند اچ تي ام الHTML Link Colors -‎

‎‎در مرور گر يك پيوندHTML بصورت پيش فرض درحالات مختلف مطابق زير نمايش داده ميشود .

‎
1. ‎‎يك پيوند بازديد نشده با زير خط آبي
2. ‎يك پيوند بازديد شده غيرفعال با زير خط بنفش ‎ .‎اين حالت با قرار گرفتن موس نمايان ميشود.
3. ‎‎يك پيوند فعال بازير خط قرمز
‎

‎‎با امكاناتCSS ميتوان اين حالات را مطابق سليقه تغيير داد .

‎مثال ـ در مثال زير يك پيوند بازديد نشده سبز وبدون زير خط ميباشد .لينك بازديد شده صورتي و ‎بدون زير خط ، و پيوند فعال زرد وزير خط دار .همچنين هنگاميكه موس روي متن پيوند مي رود، قرمز ‎وخط دار ميشود.

<style>
a:link {
  color: green;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}
</style>

‎‎دكمه هاي پيونديLink Buttons -‎

‎‎همچنين با امكاناتCSS ميتوان دكمه پيوندي را شكل بندي كرد .

‎‎مثال

<style>
a:link, a:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: red;
}
</style>

HTML tutorial آموزش اچ تی ام ال

HTML Forms فرمهای اچ تی ام ال

HTML Graphicsگرافیک اچ تی ام ال

HTML Media رسانه

HTML APIs

HTML References

Sitemap Protocol