02.03.2017 Views

CSS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

مبحث چهارم Links<br />

لینک ها به عناصر گفته میشوند که بمنظور ارتباط دادن عناصر سایت با صفحات مرتبت با<br />

سایت مانند ‏:تصاویر ، ویدیو،‏ دیگر صفحات ویب و ... امثال اینها استفاده میشود.‏<br />

مسلماً‏ شما نحوه ارتباط دادن که مربوط به<br />

HTML<br />

میشود را آموخته اید،‏ از این لحاظ ما از نحوه<br />

ارتباط دادن صرف نظر میکنیم و در اینجا تنها موارد که مربوط به دیزاین لینک ها میشود را مورد<br />

بحث قرار میدهیم.‏<br />

در مجموع زمانی که شما یک لینکی را در صفحه تعریف می کنید ، دارای 1 حالت زیر میشود:‏<br />

1- حالت عادی:‏ این حالت عبارت از همان حالت عادی لینک است که بصورت پیش فرض به<br />

رنگ آبی نمایش داده میشود.‏ اما شما قادرید این دیزاین را تغییر دهید.‏<br />

که البته به دو صورت میتوانید این را تغییر دهید:‏<br />

A:link {<br />

}<br />

Color:#ff0000;<br />

و یا<br />

آموزش کاربردی <strong>CSS</strong>3<br />

A {<br />

}<br />

آموزش کاربردی <strong>CSS</strong>3<br />

Color:#ff0000;<br />

حاال بعد از استفاده دستور باال رنگ لینک انتخاب شده به رنگ سرخ تبدیل میشود.‏<br />

2- حالت<br />

:hover این حالت عبارت از همان حالت میباشد که شما نشانگر )Pointer( را از<br />

باالی لینک عبور میدهد.‏ که البته این حالت به صورت پیشفرض غیر فعال میباشد اما<br />

میتوانید مانند دستور زیر به آن دیزاین تعریف نمایید.‏<br />

A:hover {<br />

Color:#8B4513;<br />

}<br />

آموزش کاربردی <strong>CSS</strong>3<br />

65<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!