<html>

<head>
    <title>دکتر کد - مرجع آموزش هایی به سبک متفاوت</title>
<style>
    .dr-btn{
        padding:8px;
        border:none;
        font-size: 14px;
        margin:5px;
    }
    .dr-btn:hover{
        cursor: pointer;
    }
    .btn-orange{
        background-color: #FF5722;
        border:1px solid rgb(240, 75, 24);
        color:#fff;
    }
    .btn-orange:hover{
        background:rgb(240, 75, 24);
        box-shadow: 1px 2px 2px rgba(0,0,0,0.23);
    }
    .btn-blue{
        background-color: #03A9F4;
        border-radius: 10px;
        color:#fff;
    }
    .btn-yellow{
        background-color: #8BC34A;
        border-bottom: 2px solid rgb(86, 128, 38);
        color:#fff;
    }
    .btn-green{
        background-color: #FFEB3B;
        color:#000;
        box-shadow: 0 3px 4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    }
</style>
</head>

<body>

<button class="dr-btn btn-orange"> HTML ایجاد دکمه ساده در </button>
<button class="dr-btn btn-blue"> HTML ایجاد دکمه ساده در </button><br>
<button class="dr-btn btn-green"> HTML ایجاد دکمه ساده در </button>
<button class="dr-btn btn-yellow"> HTML ایجاد دکمه ساده در </button>

</body>

</html>
دکتر کد - مرجع آموزش هایی به سبک متفاوت