برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام<!DOCTYPE html> <html lang="fa"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>منوی کشویی</title> <style> ul{ list-style-type: none; margin: 0; padding: 0; display: none; } ul:hover{ display: block; } li a{ width: 300px; display: inline-block; padding: 15px; background-color: rgb(54, 54, 233); color: white; text-decoration: none; box-sizing: border-box; } li:hover a{ background-color: rgb(121, 157, 203); color:rgb(54, 54, 233) ; } #menu{ width: 300px; padding: 8px; box-sizing: border-box; background-color: rgb(7, 117, 251); } #menu:hover+ul{ display: block; } </style> </head> <body> <div id="menu"> Menu </div> <ul> <li><a href="#">home</a></li> <li><a href="#">profile</a></li> <li><a href="#">log out</a></li> </ul>
<!DOCTYPE html> <html lang="fa"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>منوی کشویی</title> <style> body { font-family: Arial, sans-serif; } /* استایل منو */ .navbar { background-color: #333; overflow: hidden; } .navbar a { float: right; display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .navbar a:hover { background-color: #ddd; color: black; } /* استایل زیرمنو */ .dropdown { float: right; overflow: hidden; } .dropdown .dropbtn { cursor: pointer; padding: 14px 16px; background-color: #333; color: white; border: none; outline: none; font-size: 16px; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; text-align: left; } .dropdown-content a:hover { background-color: #ddd; } .dropdown:hover .dropdown-content { display: block; /* نمایش زیرمنو هنگام هاور */ } </style> </head> <body> <div class="navbar"> <a href="#home">خانه</a> <a href="#about">درباره ما</a> <div class="dropdown"> <button class="dropbtn">خدمات</button> <div class="dropdown-content"> <a href="#service1">خدمات 1</a> <a href="#service2">خدمات 2</a> <a href="#service3">خدمات 3</a> </div> </div> <a href="#contact">تماس با ما</a> </div> </body> </html>
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو
😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و
یواش یواش به سراغ تمرینات سخت تر بری.
همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری