<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>换肤</title> <style type="text/css"> body{font-size:12px} *{margin:0;padding:0;} ul,li{list-style:none} .login_skin{height:25px;background:#E8E8E8;border:1px solid #e9e8e5;width:215px;color:#333;line-height:25px;margin:25px 0px 25px 10px;padding-left:15px;} .login_skin li{float:left} .login_skin .bor{border-right:1px solid #e9e8e5; padding-right:7px; margin-right:10px} .login_skin li span{margin:7px 4px 0px 0px;cursor:pointer;display:block} .login_skin li span em{display:block;height:9px;width:10px;overflow:hidden;text-indent:-9999px} .login_skin a{color:#333;text-decoration:none; margin-right:5px} .login_skin li .on{ border:1px solid #333;cursor:default} h2{font-size:12px; padding:8px 0px 10px 15px} #sk_blue{background:#2086b3;} #sk_or{background:#e64c13} #sk_byu{background:#b7a37a;} #warpper{overflow:hidden;height:1%} .contentl{margin-right:-244px;float:left;width:100%} .contentr{width:230px;float:right;} .main{margin-right:254px;margin-left:10px;height:300px} .footer{height:30px;margin:30px 10px 0px 10px} .blue .content{background:#2086b3;color:#fff;} .blue .bb{border:2px solid #2086b3;} .blue .bb h2{ color:#2086b3} .blue .footer{background:#2086b3;} .or .content{background:#e64c13} .or .bb{border:2px solid #e64c13;} .or .bb h2{ color:#e64c13} .or .footer{background:#e64c13;} .byu .content{background:#b7a37a;color:#f00} .byu .bb{border:2px solid #b7a37a;} .byu .bb h2{ color:#b7a37a} .byu .footer{background:#b7a37a;} </style> </head> <body> <div id="header"> http://www.oldzz.com <div class="login_skin" id="skin"> <ul> <li>选择页面风格：</li> <li><span id="blue_sp"><i id="sk_blue">ee</i></span></li> <li><span id="or_sp"><i id="sk_or">ere</i></span></li> <li><span id="byu_sp"><i id="sk_byu">ere</i></span></li> </ul> </div> </div> <div id="warpper"> <div class="contentl" > <div class="main bb"><h2>换肤测试</h2></div> </div> <div class="contentr bb" ><h2>换肤测试</h2></div> </div> <div class="footer"></div> </body> </html>
RunCodeCopyCode
转载于:https://www.cnblogs.com/qixuejia/archive/2010/09/30/1839328.html
1561
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
