HTML和CSS是構建網頁的兩個主要技術。其中HTML用來構建網頁的基礎框架和內容，而CSS則用來增加樣式和美化頁面。本文將為大家介紹如何使用HTML和CSS創建一個簡單的電子鐘表。
首先，我們需要使用HTML創建基本的網頁框架。代碼如下：
<!DOCTYPE html> <html> <head> <title>電子鐘表</title> </head> <body> <div class="clock"> <h1>10:30:12</h1> </div> </body> </html>
我們在HTML中創建了一個class為“clock”的div，用來放置我們的鐘表。在div中，我們使用了一個h1標簽來顯示當前時間。現在，我們需要使用CSS來美化這個鐘表。
下面是電子鐘表的CSS代碼：
.clock {
font-size: 5rem;
font-weight: bolder;
text-align: center;
background-color: #000;
color: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px #fff;
}我們對class為“clock”的div進行了一些樣式的設置。我們設置了字體大小為5rem，字體加粗，居中顯示，背景顏色為黑色，字體為白色。我們還添加了一些padding和border-radius來增加樣式，最后使用了box-shadow來添加陰影效果。
現在，我們已經成功創建了一個簡單的電子鐘表頁面！使用這些基礎的HTML和CSS技術，您可以創建各種各樣的網頁和應用程序。