在css中能表示时间的代码是什么

html-css015

在css中能表示时间的代码是什么,第1张

代表时间的代码不是在css中，css是一种样式，比如你在做网站的时候，前端html布局了一个页面，感觉不太美观的时候用css样式来控制一下，使其页面更加的美化与易懂；

而代表时间的代码是html中的time(英语也是"时间"的意思)<time>时间是：******</time>

time中属性：datetime 值：datetime

time描述：定义元素的日期和时间。如果未定义该属性，则必须在元素的内容中规定日期或时间。

<style>

.item{font-size:12pxwidth:260px}

.item:after{height:0content:''display:blockvisibility:hiddenclear:both}

.list-item{background:url(小列表图片地址) left center no-repeatpadding-left:25pxheight:24pxline-height:24pxcolor:#6d7174width:180px}

.list-date{float:rightheight:24pxline-height:24pxcolor:#ba333a}

</style>

<div class="item">

<div class="list-item">白宫发表声明称 奥巴马总统将</div>

<div class="list-date">04-17</div>

</div>

<div class="item">

<div class="list-item">[多图]如果你能站上去 - WAVEp</div>

<div class="list-date">04-17</div>

</div>

效果如图所示：

如果觉得间隔有些大，可以减少item的宽度为255，注意list-item中的url为列表小图片相对于此文件的地址。