时间展示css样式,css日期

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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

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

time中属性：datetime 值：datetime

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

相关问答

Q1: javascript 如何让时间在一框里显示结合css样式在线等？

style type="text/css"

.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}

.clr{zoom:1;}

.time{background:#d8655b;width:400px;height:200px;padding:40px;}

.time div{float:left;width:60px;height:60px;line-height:60px;text-align:center;background:#fde8e6;color:#d8655b;border-radius:4px;margin:5px;font-size:24px;}

/style

div class="time clr"

div id="hour"/div

div id="minute"/div

div id="second"/div

/div

script type="text/javascript"

setInterval(function (){

var date = new Date();

document.getElementById('hour').innerText = (('0'+ (date.getHours())).slice(-2));

document.getElementById('minute').innerText = (('0'+ (date.getMinutes())).slice(-2));

document.getElementById('second').innerText = (('0'+ (date.getSeconds())).slice(-2));

}, 1000);

/script

Q2: css样式中，怎么让新闻列表的时间总是在右边

其实关键就是如楼上所说的：float:right这句，下面给个例子供你参考一下：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title无标题文档/title

style type="text/css"

#pagelist{

border:4px solid #ccc;

padding:10px;

width:530px;

font-size:12px;

list-style-type:none;

float:right;

}

#pagelist li{

width:530px;

height:30px;

border-bottom:1px dashed #CCCCCC;

margin:0px;

padding:0px;

/*background:#99FFCC;*/

}

#pagelist li a .lbt{

display:block;

width:433px;

float:left;

line-height:30px;

text-indent:5px;

text-decoration:none;

white-space:nowrap; /*强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象*/

text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/

overflow:hidden;

display:inline;

}

#pagelist li a .ldt{

display:block;

width:75px;

float:right;

text-align:center;

line-height:30px;

color:#069;

text-decoration:none;

display:inline;

}

#pagelist li a{

width:530px;

height:30px;

display:block;

color:#666;

text-decoration:none;

cursor:hand;

}

#pagelist li a:hover{

color:#03c;

text-decoration:none;

border-bottom:1px dashed #000000;

}

#pagelist li a:hover #com{

display:block;

float:left;

width:0px;

height:0px;

margin:4px 0 4px 6px;

border-bottom:8px solid #FFFFFF;

border-left:8px solid #FF0000;

border-top:8px solid #FFFFFF;

}

#pagelist li a:hover .ldt{

color:#000;

}

/style

/head

body

ul id="pagelist"

lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字文字/spanspan class="ldt"2007-08-06/span/a/li

lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字标题的文字标题的文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li

lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字/spanspan class="ldt"2007-08-06/span/a/li

lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题/spanspan class="ldt"2007-08-06/span/a/li

lia href="#"span id="com"/spanspan class="lbt"这里是相关文字标题的文字这里是相关文字标题的文字字/spanspan class="ldt"2007-08-06/span/a/li