lundi 25 mars 2024
html - change button color
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thay đổi màu nút khi di chuột lên</title>
<style>
#myButton {
background-color: blue; /* Màu mặc định */
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
border: none;
}
</style>
</head>
<body>
<button id="myButton" onmouseover="changeColor()">Nút của tôi</button>
<script>
function changeColor() {
var button = document.getElementById("myButton");
var randomColor = '#'+Math.floor(Math.random()*16777215).toString(16); // Tạo một màu ngẫu nhiên
button.style.backgroundColor = randomColor;
}
</script>
</body>
</html>
Thay đổi màu nút khi di chuột lên
Inscription à :
Publier les commentaires (Atom)
Aucun commentaire:
Enregistrer un commentaire