تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

ساخت دکمه نئونی

تمرین آسان 13/ دانلود 1155 بازدید

دکمه ای به شکل زیر بسازید:

که وقتی نشانگر موس روی آن قرار گرفت به شکل زیر درآید:

👨‍💻 3 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
افزودن تمرین جدید

11 جواب

<!--محتوای فایل اچ تی ام ال-->

<!DOCTYPE html>
<html>

    <head>
    <title>Project</title>
    <link rel="stylesheet" href="project.css" title="text/css">
    </head>

    <body dir="rtl">
        <div>
            <button id="bu1">ثبت نام</button>
        </div> 
    </body>

</html>

<!--محتوای فایل سی اس اس-->

@charset 'utf-8';
*{
    padding: 0px;
    margin: 0xp;
    font-style: italic;
}
#bu1{
    width: 150px;
    border: 2px solid rgb(1, 108, 238);
    border-radius: 5px;
    font-size: larger;
    color: rgb(70, 107, 255);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px 2px rgb(106, 105, 105);
}
div{
    margin: 150px auto;
}
#bu1:hover {
    color: white;
    background-color: rgb(1, 108, 238);
}
Mohammad.mahdi88 دانلود HTML & CSS جدید 
from tkinter import *

def on_enter(e):    win_btn.config(bg="blue",fg="white",cursor="hand2")
def on_leave(e):    win_btn.config(bg="white",fg="blue",cursor="arrow")

win = Tk()
win.title("singin")
win.geometry("350x350")
win.resizable(False,False)
win.config(background="black")

win_btn = Button(win,text="ثبت نام", width=20,font=("arial",16),bg="white",fg="blue",border=17)
win_btn.pack(padx=60,pady=80)

win_btn.bind("<Enter>", on_enter)
win_btn.bind("<Leave>", on_leave)

win.mainloop()
Sumy.amiri دانلود Python جدید
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

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

دریافت اشتراک
Hadi.jalooli HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

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

دریافت اشتراک
Programmer HTML & CSS
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است
let msg = 'error'
alert(msg)
این جواب فقط برای مشترکین ویژه قابل مشاهده است
این جواب فقط برای مشترکین ویژه قابل مشاهده است

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

دریافت اشتراک
User 4342 HTML & CSS 
CSS___________________
    div
    {
      display: inline-block;
      padding: 1px 40px;
      border: 2px solid blue;
      color: blue;
      border-radius: 5px;
      user-select: none;
      transition:all .5s;
    }

    div:hover
    {
      background-color: blue;
      color: white;
    }

HTML__________________
   <div>
     ثبت نام
   </div>
Unun..ali..nunu دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>دکمه نئونی</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <button class="neon-button">تماس با ما</button>
</body>
</html>
Sumy.amiri دانلود HTML & CSS 
<!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 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #f0f0f0;
        }

        .button {
            padding: 15px 30px;
            font-size: 16px;
            color: white;
            background-color: #007BFF;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .button:hover {
            background-color: #0056b3;
            transform: scale(1.1);
            border-radius: 20px; /* تغییر شکل به دایره‌ای */
        }
    </style>
</head>
<body>

    <button class="button">دکمه</button>

</body>
</html>
Mma123 دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
        .container{
              margin-top: 300px;
        }
        .btn{
          background-color: white;
          color: #039be5;
          padding: 10px 60px 10px 60px;
          border-color: #039be5;
          border-radius: 9px;
          font-size: 20px;
          font-family: Arial, Helvetica, sans-serif;
        }     
        .btn:hover{
          background-color: #039be5;
          color: white;
        }
  </style>
  <title>neon button</title>
</head>
<body>
      <center>
        <div class="container">
          <button class="btn">ثبت نام</button>
        </div>
      </center>
</body>
</html>
Sajad.karimi دانلود HTML & CSS 
<button style="color:blue;">ثبت نام</button>
<style>
button::hover{
background_color:blue;
color:#fff
}
User 669 دانلود HTML & CSS
<< صفحه قبل 1 2 صفحه بعد >>

ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

مطالب مرتبط

تشخیص با استفاده از هوش مصنوعی
×

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
×

نمیتونم این تمرین رو حل کنم 😞

اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو 😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و یواش یواش به سراغ تمرینات سخت تر بری. همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری

یادگیری برنامه نویسی
بستن