آموزش ساخت لیست جهتدار و پیکان در CSS

ساخت وبلاگ
چکیده : گاهي اوقات لازم است برای نمايش محتوای يک منو يا يک باکس يک پیکان کوچک از وسط اضلاع مختلف آن به سمت م... با عنوان : آموزش ساخت لیست جهتدار و پیکان در CSS بخوانید :

گاهي اوقات لازم است برای نمايش محتوای يک منو يا يک باکس يک پیکان کوچک از وسط اضلاع مختلف آن به سمت محتوا طراحي کنیم. اين نوع طراحی بيشتر برای آيتم های منوهای آبشاری که دارای زير منو هستند در نظر گرفته می شود.

برای شروع با کد html زیر کار را آغاز می کنیم:

حال باید به آن استایل بدهیم. می خواهیم یک مثلث داخل باکس قرار دهیم. به مثلث position: absolute و باکس position: relative می دهیم. به این خاطر که می خواهیم موقعیت مثلث را روی باکس تنظیم کنیم. استایل ها را به صورت زیر به آن می دهیم:

استایل زبر را برای مثلث می نویسیم:

کار تمام است و جهت در بالای باکس قرار می گیرد. پردیس وردپرسآموزش,ساخت,لیست,جهتدار,پیکان,...
ما را در سایت پردیس وردپرس دنبال می کنید

نویسنده : خنج بازدید : 15 تاريخ : شنبه 28 مرداد 1396 ساعت: 16:34