Bottoni Circolari

Circle Buttons:

ESEMPIO: copia codice
 /* QUESTO VA NEL HEAD*/


   <style>
       .btn{

           
width: 50px;
           
height:50px;
           
border-radius: 50%;
           
border: none;
           
color: white;
           
padding: 0px;
           
text-align:center;
        }
       
.btn1{
           
background: #dc3545;
        }
       
.btn2{
           
background: #28a745;
        }
       
.btn3{
           
background: #ffc107;
        }
       
.btn:hover{
           
background: #666;
           
cursor: pointer;

        }
   </style>



 /* QUESTO VA NEL BODY*/



    <h2>Circle
Buttons:</h2>
    <button class="btn
btn1">50%</button>
    <button class="btn
btn2">50%</button>
    <button class="btn
btn3">50%</button>

.. Scarica lo Zip - Meglio se Salvi la pagina:

♣ © All Rights Reserved - www.isolajava.com ♣