Section | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<script>
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
HTML |
---|
<style> .customBtn { border-radius:8px; display:inline-block; cursor:pointer; color:#ffffff !important; font-size:16px; font-weight:bold; padding: 8px 32px; text-decoration:none; margin: 1px; width: 300px; min-width: 50%; max-width: 600px; text-decoration: none; } .customBtn:active { position:relative; top:1px; } .btnAzul{ background-color:#609af7; } .btnAzul:hover { background-color:#4d84db; text-decoration: none; } .btnRoxo{ background-color:#6b48ff; } .btnRoxo:hover { background-color:#6147cd; text-decoration: none; } .btnLaranja{ background-color:#FFAB00; } .btnLaranja:hover { background-color:#FF9900; text-decoration: none; } .btnVerde{ background-color:#38d161; } .btnVerde:hover { background-color: #31b754; text-decoration: none; } </style> |