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 paraAbre o link fornecidoem aouma clicarnova no botãoaba window.location.href = open('https://tdn.totvs.com/pages/viewpage.action?pageId=808014158', '_blank'); }); </script> </body> </html> |