نحوه تغییر رنگ پیوند در Html

فهرست مطالب:

نحوه تغییر رنگ پیوند در Html
نحوه تغییر رنگ پیوند در Html

تصویری: نحوه تغییر رنگ پیوند در Html

تصویری: نحوه تغییر رنگ پیوند در Html
تصویری: آموزش HTML 8 - تغییر رنگ هایپرلینک 2024, ممکن است
Anonim

توسعه دهندگان وب تازه کار اغلب در مورد تغییر شکل هایپر لینک ها تعجب می کنند. این کاملاً طبیعی است ، زیرا موضوع قالب بندی صحیح پیوندها دائماً توسط طراحان و طراحان طرح مطرح می شود.

نحوه تغییر رنگ پیوند در html
نحوه تغییر رنگ پیوند در html

دستورالعمل ها

مرحله 1

به طور پیش فرض ، پیوندها با رنگ آبی (# 0000FF) ترسیم می شوند ، با تغییر رنگ به رنگ بنفش (# 800080) ، با پیوندهای فعال با رنگ قرمز مشخص شده (# FF0000) ، دارای زیر خط هستند و تغییر رنگ می دهند. تنظیم رنگ برای همه پیوندهای صفحه در حالت های مختلف آنها با استفاده از ابزارهای استاندارد HTML - سه ویژگی برچسب انجام می شود. تغییر پارامترهای طراحی پیوندهای جداگانه را می توان با تغییر مقادیر صفات برچسب مربوطه انجام داد.

گام 2

برای تعیین مقادیر برای ویژگیهای سبک سه روش وجود دارد. در همه موارد ، شما باید قلم و رنگ زیر را مشخص کنید که می تواند به صورت یک کد هگزادسیمال به صورت کامل (#FFFFFF) یا مختصر (#fff) باشد. رنگ را می توان در قالب RGB (101 ، 010 ، 111) یا مقدار html استاندارد صفت ، یعنی کلمه کلیدی (خاکستری ، قرمز و غیره) مشخص کرد. این مقادیر برای صفحات link ، alink و vlink تنظیم شده اند.

مرحله 3

ویژگی پیوند اختیاری برچسب ، رنگ همه پیوندهای موجود در صفحه را تعیین می کند. اگر صفت مشخص نشده باشد ، پیش فرض فرض می شود.

مرحله 4

ویژگی alink اختیاری برچسب ، رنگ همه پیوندهای فعال فعال را تعیین می کند ، یعنی رنگ پیوند را به پیوند مشخص شده هنگام کلیک بر روی آن تغییر می دهد. موارد منویی که به صفحه باز شده در مرورگر اشاره می کنند نیز به عنوان پیوند فعال شناخته می شوند. اگر صفت مشخص نشده باشد ، پیش فرض فرض می شود.

مرحله 5

ویژگی vlink اختیاری برچسب ، رنگ تمام پیوندهای بازدید شده را تعیین می کند ، یعنی پس از کلیک روی پیوند ، رنگ آن را تغییر می دهد. اگر صفت مشخص نشده باشد ، پیش فرض فرض می شود.

مرحله 6

برای تغییر رنگ همه پیوندها می توانید از ویژگی های CSS در سند HTML استفاده کنید. آنها بین برچسب های جفت شده نوشته می شوند و بین برچسب های مورد نیاز و. خصوصیات از طریق انتخابگر A: با کلاس شبه بازدید شده تنظیم می شود ، که رنگ پیوندهای بازدید شده ، فعال را مشخص می کند ، رنگ پیوندهای فعال را مشخص می کند یا شناور را نشان می دهد ، که رنگ پیوندها را هنگام قرار گرفتن روی آنها مشخص می کند.

مرحله 7

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

توصیه شده: