no-img

اِمیلا استایل Link در CSS
اِمیلا
ترفند وب استایل Link در CSS
فرم گزارش را به دقت تکمیل نمایید
از همکاری شما سپاسگذاریم

ادامه مطلب

منتشر شده در پنجشنبه 27 تیر 1398، 17 روز پیش
استایل Link در CSS
امتیاز 5.00 ( 1 رای )
رمز : emila.ir
حمایت از emila.ir
درخواست کاربران

emila.ir QR-codeاستایل Link در CSS

منتشر شده در پنجشنبه 27 تیر 1398، 17 روز پیش
31
milipinkman

می توان لینک ها را به شیوه های مختلف سبک دهی (بندی)کرد. لینک ها را می توان با هر خاصیت CSS ی سبک دهی کرد از جمله ی آن می توان رنگ، نوع فونت و پس زمینه را نام برد.

a {
color: #FF0000;
}

به علاوه این امکان وجود دارد که لینک ها را بسته به state (حالتی) که در آن قرار دارند، به گونه ای متفاوت سبک دهی کرد.

چهار حالت مختلف برای لینک ها

  • ink – لینکی معمولی که هنوز مورد بازدید قرار نگرفته
  • avisited – لینکی که کاربر از آن بازدید کرده
  • ahover – حالتی که در آن مکان نمای موس روی لینک قرار گرفته
  • aactive – در این حالت کاربر روی لینک مورد نظر کلیک کرده
    `
/* unvisited link */
a:link {
color: #FF0000;
}
/* visited link */
a:visited {
color: #00FF00;
}
/* mouse over link */
a:hover {
color: #FF00FF;
}
/* selected link */
a:active {
color: #0000FF;
}

سبک های معمول لینک

در این بخش به دیگر شیوه های معمول در سبک دهی به لینک ها خواهیم پرداخت.

افزودن جلوه های بصری به لینک ها ( Text decoration )

خاصیت text-decoration غالبا به منظور حذف زیرخط ها ( underline ) از لینک ها مورد استفاده قرارمی گیرد.

خاصیت background-color رنگ پس زمینه ی لینک ها را تعیین می کند.

a:link {
text-decoration:none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
a:link {
background-color: #B2FF99;
}
a:visited {
background-color: #FFFF85;
}
a:hover {
background-color: #FF704D;
}
a:active {
background-color: #FF704D;
}

 

منبع: w3school

موضوع : وب/ برچسب : , , , / لینک کوتاه : https://emila.ir/?p=16749
designer
نظرات ارسال شده توسط شما، پس از تایید، توسط مدیران سایت منتشر خواهد شد.
نظراتی که به غیر از زبان فارسی، غیر مرتبط با مطلب یا فینگلیش باشد، منتشر نخواهد شد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

لینکهای دانلود قرار گرفته در جعبه دانلود، به صورت مستقیم می باشند.
تمامی فایلها قبل از انتشار تست شده اند تا از بروز هرگونه مشکل جلوگیری شود.
برای دانلود سریعتر و راحت تر، توصیه میکنیم از نرم افزارهای مدیریت دانلود استفاده کنید.
اگر برای دانلود فایلی با مشکل مواجه شدید، از قسمت گزارش اپدیت یا خرابی لینک، ما را باخبر سازید.

درباره نویسنده

Here is a some short information about me: I'm a natural born, writer, designer, forecaster, Interested in PHP programming and activities in the field of digital currency, basically I'm a pretty simple person. I work for Emila.ir for more than 1 years. I am passionate about creating posts and content for emila.ir which I think is Among the best viral persian Websites. I am available at Nearby

ارسال پیامک به ما  -  ارسال ایمیل به ما
IP شما: 54.174.43.27