CSS3是一種可以為網(wǎng)頁添加各種視覺效果的技術。其中的一項功能是可以在網(wǎng)頁上實時顯示秒數(shù)。

/*CSS代碼*/
.clock {
font-size: 48px;
text-align: center;
color: #333;
margin-top: 50px;
}
.clock span {
display: inline-block;
animation: pulse 1s linear infinite;
}
@keyframes pulse {
0% {
opacity: 0.5;
}
50% {
opacity: 1;
}
100% {
opacity: 0.5;
}
}

可以看到，這段CSS代碼使用了一個名為“clock”的類選擇器來控制秒數(shù)的顯示樣式。其中，“text-align”屬性用于水平居中， “margin-top”屬性用于上下居中。

在“clock”元素內(nèi)，每個數(shù)字都使用了單獨的“span”元素包裹。這是因為我們想要對每個數(shù)字應用不同的CSS效果，比如動畫。

在“span”元素的CSS中，我們使用了一個名為“pulse”的關鍵幀動畫。該動畫將數(shù)字的不透明度在1秒內(nèi)分別從50%到100%再到50%。使用“infinite”關鍵字可以使該動畫無限循環(huán)。

這樣，我們便可以在網(wǎng)頁上實時顯示秒數(shù)了！