امروز : سه شنبه ، ۲ آبان ۱۳۹۶
خانه / آموزش کامل CSS / آموزش ساخت لیست جهتدار و پیکان در CSS
آموزش سی اس اس

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

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

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

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

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

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

کار تمام است و جهت در بالای باکس قرار می گیرد.

درباره ما admin

محمد صفری : مدیر پردیس وردپرس ، مهندس نرم افزار و طراح سایت

این موارد رو هم بررسی کنید

آموزش سی اس اس

آموزش کامل CSS – قسمت یازدهم: موقعیت المان ها

در این قسمت از آموزش css با امکان جابجا کردن المان ها در صفحات وب به …

پاسخ دهید