HTML |
---|
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botão Personalizado</title>
<style>
/* Estilo padrão do botão */
|
#botao { width: |
100%; background-color: #0000CD; color: #ffffff; padding: 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; border: none; cursor: pointer; border-radius: 4px; |
|
|
|
|
}
/* Estilo do botão quando o mouse passa por cima */
|
#botao:hover { background-color: #1E90FF; } </style> </head> <body> <!-- Botão com o rótulo "Portal de Convênios" e link --> |
<button |
id="botao">Portal de Convênios</button> <script> // Adiciona um evento de clique ao botão document.getElementById('botao').addEventListener('click', function() { // Redireciona para o link fornecido ao clicar no botão window.location.href = |
'https://tdn.totvs.com/pages/viewpage.action?pageId=808014158 |
'; }); </script> </body> </html> |