underline property

[rasivell 352]

سلام

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

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

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

متشكرم

[Farid 2281]

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

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

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

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

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