<!DOCTYPE html>    
<html>    
    
<head>    
    <title>   
        Warna latar belakang tombol
    </title>   
        
    <style>   
    body{  
       text-align: center;  
    }  
        button {  
           color:lightgoldenrodyellow;  
            font-size: 30px;   
        }   
        .b1{  
           background-color: lightblue;  
           border:5px red double;       
           border-radius: 25px;  
           color:black;  
           box-shadow : 0 8px 16px 0 black,   
                    0 6px 20px  0 rgba(0, 0, 0, 0.19);   
        }  
        .b2{  
         background-color: lightblue;  
           border:5px red dotted;       
           color:black;  
           border-radius: 25px;  
        }  
        .b2:hover{  
           box-shadow : 0 8px 16px 0 black,   
                    0 6px 20px  0 rgba(0, 0, 0, 0.19);   
        }  
        </style>   
</head>   
    
<body>    
    <button class="b1">Bayangan pada tombol </button>    
    <button class="b2">Bayangan muncul jika kursor diarahkan ke tombol</button>  
</body>    
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.