rasivell

underline property

2 پست در این موضوع قرار دارد

سلام

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

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

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

متشكرم

0

به اشتراک گذاری این پست


لینک به پست

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


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

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

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

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

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری