HTML Calculator Keyboard: Simple Design and Functionality
<!DOCTYPE html>
<html>
<head>
<title>HTML Calculator Keyboard</title>
<style type="text/css">
#top-div {
height: 100px;
}
#bottom-div {
background-color: #eee;
padding: 20px;
}
table {
border-collapse: collapse;
}
td {
width: 50px;
height: 50px;
text-align: center;
border: 1px solid #ccc;
}
td:hover {
background-color: #ccc;
}
</style>
</head>
<body>
<div id="top-div"></div>
<div id="bottom-div">
<table>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>/</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
<td>*</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>-</td>
</tr>
<tr>
<td>.</td>
<td>0</td>
<td>=</td>
<td>+</td>
</tr>
</table>
</div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nBES 著作权归作者所有。请勿转载和采集!