CSS Digital Clock

Written by

in

<!DOCTYPE html>
<html>
<head>
  <style>
body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: black;
  color: lime;
  font-size: 50px;
  font-family: monospace;
}
.clock {
  border: 3px solid lime;
  padding: 20px;
  border-radius: 10px;
}  </style>
</head>
<body>
  <div class="clock">12:45</div>
</body>
</html>

Explanation:

Just UI styling for a digital clock.
To make it functional, you’d add JavaScript.

Comments

Leave a Reply Cancel reply

More posts