css 好看的时间显示样式

在网页设计中，时间显示是一个很常见的需求。为了让网页的显示效果更好看，我们可以通过css来设计好看的时间显示样式。

/*设置时间字体为Arial，字号为20px*/.time{
      font-family: Arial;
      font-size: 20px;
}
/*设置时间的背景色为淡灰色，字体颜色为黑色，添加圆角边框*/.time span{
      background-color: #F9F9F9;
      color: black;
      border-radius: 5px;
      padding: 5px 10px;
      border: 1px solid #E0E0E0;
}
/*设置日期的字体颜色为灰色，字体大小为14px*/.date{
      color: #999;
      font-size: 14px;
}
    

根据上面的代码，我们可以得到一个漂亮的时间显示样式：

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！