如何定义“CSS”代码，让“DIV”逆顺排列？

2023-04-25 15:28:02html-css024

如何定义“CSS”代码，让“DIV”逆顺排列？,第1张

如果是静态的，就直接按你要的顺序写好；

如果是动态的，就写程序脚本控制；

CSS只能控制水平方向的顺序倒序，就是添加一个float的方向。但是垂直方向的无法控制。

这东西不是你研究就能搞定的~因为百度不允许加入FLASH,你要加入的这个版块应该是比较复杂的,仅有08年奥运会倒计时是比较简单的那种,你要的是那种能自己设定倒计时日期的,所以一定要FLASH才能办到.而百度空间不允许加入FLASH,如果你看到某空间里有FLASH要么不是百度的,要么那个百度空间有外部服务器的呵护.而我们普通的百度空间,是不允许这种代码的.

==============================================================

我可以负责任的告诉你,有些人的回答是瞎编的.就为那个最佳答案和那几分.蒙人的事我是绝对不会干的.

这是我写的文http://hi.baidu.com/%C5%A3%C5%A3%B5%C4%D4%BC%B6%A8/blog/item/6868d7edda893d4b79f055e0.html

牛牛的约定是我的主号,这是我的马甲而已.你可以看一下.

倒计时的html代码：

<!DOCTYPE HTML>

<html>

<head>

<title>CSS3圆环倒计时-源码搜藏网</title>

<style>

.pie { width:200px height:200px background-color:blue border-radius:100px position:absolute }

.pie1 { clip:rect(0px,200px,200px,100px) -o-transform:rotate(0deg) -moz-transform:rotate(0deg) -webkit-transform:rotate(0deg) background:-moz-radial-gradient(20% 50% 0deg, #333, #0000ff) background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)) }

.pie2 { clip:rect(0px,100px,200px,0px) -o-transform:rotate(0deg) -moz-transform:rotate(0deg) -webkit-transform:rotate(0deg) background:-moz-radial-gradient(80% 50% 0deg, #333, #0000ff) background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#000), to(#0000ff)) }

.hold { width:200px height:200px position:absolute z-index:1 }

.hold1 { clip:rect(0px,200px,200px,100px) }

.hold2 { clip:rect(0px,100px,200px,0px) }

.bg { width:200px height:200px background-color:red border-radius:100px position:absolute box-shadow:0px 0px 8px #333 background:-moz-radial-gradient(0% 50% 0deg, #900, #ff0000) background:-webkit-gradient(radial, 100 100, 0, 100 100, 110, from(#900), to(#ff0000)) }

.time { width:160px height:160px margin:20px 0 0 20px background-color:#fff border-radius:100px position:absolute z-index:1 box-shadow:0px 0px 8px #333 inset text-align:center line-height:160px font-family:"Book Antiqua", Palatino, serif font-size:35px font-weight:bold text-shadow: 1px 1px 3px #333 }

.time em { background:#fff position:absolute top:62px left:12px height:18px width:140px opacity:0.4 }

</style>

</head>

<body>

</div>

</div>

i = 0

j = 0

count = 0

MM = 4

SS = 59

MS = 9