ساخت یک لینک (Link) برای تمام مساحت یک عنصر div ، با تگ a و مشخصه display:block ، در CSS

فرض کنید که یک تگ div به صورت زیر داریم :

چنانچه بخواهیم که یک لینک (Link) برای کل مساحت آن تگ div بسازیم، تگ a و مشخصه display:block را به صورت زیر به کار می بریم :

به مثال زیر توجه کنید :

مثال

همان کد HTML قبل را به کار می بریم، با این تفاوت که با یک سری کد CSS ، اندازه تگ div را مشخص کرده و همچنین پس زمینه آن را رنگی می کنیم تا بتوانیم که کل مساحت آن را تشخیص دهیم :

کدهای CSS دیگری که اضافه می کنیم (برای تعیین اندازه و رنگ پس زمینه تگ div)، عبارتند از :

کد کامل صفحه HTML :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 26618
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)