CSS 液晶<br>body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea ,p,blockquote,th,td{margin:0;padding:0;}<br>#mydemo{margin:100px auto;width:600px;}<br>. Clock{font-size:18px;width:9em;height:14em; border:1px ソリッド #ddd;位置:相対;}<br>.クロック div{位置:絶対;ボーダースタイル:ソリッド;}<br>.クロック .l,.クロック .r,.クロック .u,.クロック .d{幅:0;高さ:0;オーバーフロー:非表示;}<br>.クロック .v{幅:0;高さ:5em;ボーダー幅:0 0.5em;ボーダーカラー:#565656;}<br>.クロック .v .u{境界線のスタイル:点線 点線 実線 点線;境界線の幅:0 0.5em 0.5em;境界線の色:透明 透明 #565656 透明;上:-0.5em;左:-0.5em;}<br>. Clock .v .d{ border-style:solid dotted dotted dotted;border-width:0.5em 0.5em 0 0.5em;border-color:#565656 透明 透明 透明;左:-0.5em;下:-0.5em}<br>.クロック .h{幅:5.5em;高さ:0;ボーダー幅:0.5em 0;ボーダーカラー:#565656;}<br>.クロック .h .l{ボーダースタイル:点線実線点線点線;ボーダー幅:0.5em 0.5em 0.5 em 0;border-color:transparent #565656 透明 透明;上:-0.5em;左:-0.5em;}<br>. Clock .h .r{border-style:点線 点線 点線 実線;border-width:0.5em 0 0.5em 0.5em;ボーダーカラー:透明 透明 透明 #565656;上:-0.5em;右:-0.5em;}<br>.クロック .n1{左:0.5em;上:1.5em;}<br>.クロック .n2 {左:0.5em;上:7.5em;}<br>.クロック .n4{左:7.5em;上:7.5em;}<br>.クロック .n5{左:7.5em;上:1.5em;}<br>.クロック . n6{上:0.4em;左:1.8em;}<br>.クロック .n3{上:12.5em;左:1.8em;}<br>.クロック .n7{上:6.5em;左:1.8em;}<br>.c1 .n1,.c1 .n2,.c1 .n3,.c1 .n6,.c1 .n7{表示:なし}<br>.c2 .n1,.c2 .n4{表示:なし}<br>.c3 .n1,.c3 .n2{表示:なし}<br>.c4 .n2,.c4 .n3,.c4 .n6{表示:なし}<br>.c5 .n2,.c5 .n5{表示:なし}<br>.c6 .n5{表示:なし}<br>.c7 .n1,.c7 .n2,.c7 .n3,.c7 .n7{表示:なし}<br>.c8{}<br>.c9 .n2{表示:なし}<br>.c0 .n7{表示: none}<br><br>var num=0,size=1;<br>function addNumber(){<br>var Clock=document.getElementById( "mydemo").children[0];<br>クロック.className="クロック c"+(++num % 10);<br>return false;<br>}<br>function raise(){<br>var Clock=document.getElementById("mydemo ").children[0];<br> Clock.style.fontSize=(++size % 20)+"px";<br>return false;<br>}<br> gt;gt; gt;gt;gt;gt; gt;gt;gt; ;< /div> div>http://www.999jiijiu.com/