رفتن به مطلب

underline property


پست های پیشنهاد شده

سلام

دوستان يه سوال ساده CSS دارم شرمنده.... تا حالا باهاش بر خورد نداشتم تو طراحي و خب نميدونم دقيقا چي جستجوش كنم تو مراجع!

ميخوام براي خاصيت A:hover يه قسمتي underline قرار بدم ، ولي با اين تفاوت كه اندرلاين ساده نباشه و يا فاصله اي بيشتر از اون چيزي كه استاندارده از نوشته داشته باشه!

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

متشكرم

لینک به ارسال

سلام ، خصوصیت underline انعطاف پذیر نیست ، بنابراین شما باید با خصوصیت Border-bottom خط رو ایجاد کنید ، در این صورت می تونید خط رو با متن فاصله هم بدید ، اینجوری :


border-bottom: 2px solid #ccc;
padding-bottom: 2px;

هر چقدر مقدار padding-bottom رو بیشتر کنید فاصله متن با خط زیاد میشه

نمونه رو هم نگاه کنید تا بهتر متوجه شید

http://codepen.io/fa...asemi/pen/qaumD

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...