/*表示时间的选项*/ /*表示秒*/ animation: example 5s linear infinite; /*表示毫秒*/ animation: example 500ms linear infinite; /*表示月份*/ ::after { content: "."; display: inline-block; margin-left: 0.1em; font-size: 0.8em; vertical-align: bottom; } time { font-variant: small-caps; letter-spacing: 0.2em; font-weight: bold; font-size: 1.3em; } time::before { content: ""; display: inline-block; height: 0.8em; border-top: 1px solid currentColor; position: relative; top: -0.4em; margin-right: 0.2em; } time::after { content: ""; display: inline-block; height: 0.8em; border-top: 1px solid currentColor; position: relative; top: -0.4em; margin-left: 0.2em; } /*表示星期几*/ time::before { content: "星期"; }
通过以上的代码可以看出,大家可以使用animation来表示秒和毫秒的选项,可以使用before和after来表示月份和星期几的选项。通过这些时间的设计,可以让网页显得更加生动有趣。