Puoi cambiare la forma di un pulsante in CSS utilizzando diverse proprietà. Di seguito è riportato un esempio di come si può fare:
HTML:
```
```
CSS:
```
.btn {
padding: 10px 20px;
font-size: 15px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #4CAF50;
border: none;
border-radius: 15px; /* rounded corners */
box-shadow: 0 9px #999;
}
```
In questo esempio, la proprietà `border-radius` viene utilizzata per arrotondare gli angoli del pulsante. Puoi personalizzare la forma del pulsante modificando questo valore. Un valore più alto renderà gli angoli più arrotondati.
Un’altra proprietà che può influenzare la forma del pulsante è `padding` – controlla lo spazio tra il testo del pulsante e il bordo del pulsante.
Le righe sopra renderanno un pulsante verde con angoli arrotondati.
Puoi anche fare pulsanti ovali o circolari con CSS. Per un pulsante circolare, assicurati che la larghezza e l’altezza del pulsante siano uguali e utilizza una proprietà `border-radius` del 50%.
CSS per pulsante circolare:
```
.btn {
width: 50px;
height: 50px;
border-radius: 50%;
}
```
