CSS中可以通过伪类来显示时间和日期。

伪类“::before”或“::after”可以用来在元素的内容前或后添加一些内容，可以用它们来添加时间和日期。

/*以下样式在元素后添加当前时间*/.time::after{content: "当前时间："attr(datetime);}/*以下样式在元素后添加当前日期*/.date::after{content: "当前日期："attr(data-date);}

以上样式中，“datetime”和“data-date”都是可以自定义的属性，在HTML中需要添加相应的属性，如下所示：

<div  datetime="2023-05-28T16:00:00"></div><div  data-date="2023-05-28"></div>

这样，页面中使用class为“time”的div元素会自动显示当前时间。而使用class为“date”的div元素会自动显示当前日期。

另外，还可以通过CSS的“counter”和“attr”属性结合使用来实现更丰富的时间和日期显示效果。

/*使用“counter”和“attr”属性来显示日期*/.date::before{counter-increment: my-counter;content: attr(data-date) " (" counter(my-counter) ")";}/*使用“counter”和“attr”属性来显示时间*/.time::before{counter-increment: my-counter;content: "当前时间： " counter(my-counter);}

以上样式中，“counter-increment”用于创建计数器，“content”中使用“attr”属性来获取HTML中的属性值和“counter”来获取计数器的值。

不同的网站或应用中，时间和日期的显示方式和需求都有所不同，我们可以结合实际需求以及CSS的特性来实现自己所需要的时间和日期显示效果。