style.css

在网页上模拟windows开始菜单与windows窗口

body{
background:url('winimg/bg1.jpg');
margin:0px;padding:0px;
overflow:hidden;
text-align:left;
font:normal 12px Arial,宋体;
}
img{border:0px}
#winbottom {position:absolute;z-index:100;line-height:0px;font-size:0px;background-image:url('winimg/menubg.jpg');width:100%;height:28px;padding-top:1px;bottom:0px;left:0px;padding-left:2px;filter:alpha(Opacity=60,style=0);opacity:0.6;}

.ksmenuout{background:#ffffff;border:1px #ffffff solid;cursor:hand;padding-left:2px;letter-spacing:1px}
.ksmenuover {BORDER:1px blue solid;background:#4392E3;cursor:hand;color:#ffffff;padding-left:2px;letter-spacing:1px}
.ksline {height:1px;border-top:1px #666666 solid dotted;line-height:0px;font-size:0px;}

.tabmenuup{cursor:hand;color:#ffffff;width:58px;height:70px;text-align:Center}
.tabmenudown{cursor:hand;background:blue;border:1px #ffffff solid dotted;color:#ffffff;width:56px;height:68px;text-align:Center}
.tabmenuover{cursor:hand;background:#0B7700;border:1px #ffffff solid dotted;color:#ffffff;width:56px;height:68px;text-align:Center}

#footbut{width:117px;height:28px;}
.button1{background:url(winimg/ksbut.gif) 0px 0px no-repeat}
.button1_0{background:url(winimg/ksbut.gif) 0px -28px no-repeat}

#rightbut{width:15px;height:15px;margin-right:5px}
.button2{background:url(winimg/rightbut.gif) 0px 0px no-repeat}
.button3{background:url(winimg/rightbut.gif) 0px -15px no-repeat}
.button4{background:url(winimg/rightbut.gif) 0px -30px no-repeat}
.button5{background:url(winimg/rightbut.gif) 0px -45px no-repeat}
.button6{background:url(winimg/rightbut.gif) 0px -60px no-repeat}
.button7{background:url(winimg/rightbut.gif) 0px -75px no-repeat}
.button8{background:url(winimg/rightbut.gif) 0px -90px no-repeat}
.button9{background:url(winimg/rightbut.gif) 0px -105px no-repeat}
.button10{background:url(winimg/rightbut.gif) 0px -120px no-repeat}

#tmenubut{margin-top:1px;margin-left:2px;width:15px;height:15px;cursor:default}
.button11{background:url(winimg/tmenu.gif) -15px 0px no-repeat}
.button11_0{background:url(winimg/tmenu.gif) -15px -15px no-repeat}
.button12{background:url(winimg/tmenu.gif) -30px 0px no-repeat}
.button12_0{background:url(winimg/tmenu.gif) -30px -15px no-repeat}
.button13{background:url(winimg/tmenu.gif) 0px 0px no-repeat}
.button13_0{background:url(winimg/tmenu.gif) 0px -15px no-repeat}

#tablebut{width:40px;height:40px;margin-bottom:5px}
.t_but1{background:url(winimg/tablebut.gif) 0px 0px no-repeat}
.t_but2{background:url(winimg/tablebut.gif) 0px -40px no-repeat}
.t_but3{background:url(winimg/tablebut.gif) 0px -80px no-repeat}
.t_but4{background:url(winimg/tablebut.gif) 0px -120px no-repeat}
.t_but5{background:url(winimg/tablebut.gif) 0px -160px no-repeat}
.t_but6{background:url(winimg/tablebut.gif) 0px -200px no-repeat}
.t_but7{background:url(winimg/tablebut.gif) 0px -240px no-repeat}
.t_but8{background:url(winimg/tablebut.gif) 0px -280px no-repeat}
.t_but9{background:url(winimg/tablebut.gif) 0px -320px no-repeat}
.t_but10{background:url(winimg/tablebut.gif) 0px -360px no-repeat}
.t_but11{background:url(winimg/tablebut.gif) 0px -400px no-repeat}

#ksbut{width:25px;height:25px;margin-right:5px;margin-bottom:3px;}
.k_but1{background:url(winimg/ksmenubut.gif) 0px 0px no-repeat}
.k_but2{background:url(winimg/ksmenubut.gif) 0px -25px no-repeat}
.k_but3{background:url(winimg/ksmenubut.gif) 0px -50px no-repeat}
.k_but4{background:url(winimg/ksmenubut.gif) 0px -75px no-repeat}
.k_but5{background:url(winimg/ksmenubut.gif) 0px -100px no-repeat}
.k_but6{background:url(winimg/ksmenubut.gif) 0px -125px no-repeat}
.k_but7{background:url(winimg/ksmenubut.gif) 0px -150px no-repeat}
.k_but8{background:url(winimg/ksmenubut.gif) 0px -175px no-repeat}
.k_but9{background:url(winimg/ksmenubut.gif) 0px -200px no-repeat}
.k_but10{background:url(winimg/ksmenubut.gif) 0px -225px no-repeat}
.k_but11{background:url(winimg/ksmenubut.gif) 0px -250px no-repeat}
.k_but12{background:url(winimg/ksmenubut.gif) 0px -275px no-repeat}
.k_but13{background:url(winimg/ksmenubut.gif) 0px -300px no-repeat}
.k_but14{background:url(winimg/ksmenubut.gif) 0px -325px no-repeat}