一套CSS框架，很简单，基础的人都可以看懂

孔方网络

1. <div class="w10 mart20">
   
2.      <p class="w10 ovd">
   
3.          <span class="w6 tx-c area_auto"><img src="../images/logo.png" class="w10" /></span>
   
4.      </p>
   
5. </div>
   
6. <div class="uba ub-e1e1e1 w9 area_auto c-wh uc-a03 mart20 ovd">
   
7.     <p class="ovd  pdt05 pdl10 pdr10 umh25 ftz10">
   
8.         <span class="w15 tx-l sl umh25">
   
9.             <img src="../images/iconfont-people.png" class="w15e h15e pdt05" />
   
10.         </span>
    
11.         <span class="w85 ubb ub-e1e1e1 umh25 sr">
    
12.             <input type="tel" placeholder="请输入手机号码" id="tel" name="tel" class="ubnone c-wh t-8b8c8c ftz11 umh2 w10">
    
13.         </span>
    
14.     </p>
    
15.     <p class="ovd pdl10 pdr10 ftz10 pdb02">
    
16.          <span class="w15 tx-l sl umh25 "><img src="../images/iconfont-unlock.png"  class="w15e h15e pdt05" /></span>
    
17.          <span class="sl w85 umh25">
    
18.             <input type="password" placeholder="请输入密码" name="password" id="password" class="umh2 t-8b8c8c ubnone c-wh ftz11">
    
19.         </span>
    
20.     </p>
    
21.     </div>
    
22.     <!--btn-->
    
23.         <div class="w9 area_auto c-ff9f00 mart20 uc-a03">
    
24.             <p class="ovd t-wh umh25 ftz12" tapmode="" onclick="loginFun()">
    
25.                 <span class="tx-c">提交</span>
    
26.             </p>
    
27.     </div>
    
28. <div class="w9 area_auto">
    
29.     <p class="ovd tx-r ftz10 umh3 pdt04">
    
30.         <span tapmode="" class="t-696969" onclick="openWin('password','password.html')">忘记密码？</span>
    
31.     </p>
    
32. </div>

复制代码

一个登陆界面就是这样写的
欢迎大家咨询，这是传递的一个切图的理念而已

至德

什么都没有，html和css不搭边，到底是咋回事

alfredhan

棒棒棒

vanmaster

什么都没有，html和css不搭边，到底是咋回事

cdenji852

最好贴个图~

东少

挺好，赞一个！

yyyfx

感谢分享，赞一下

小彬1

感谢分享  谢谢了

songjp

看不明白 不搭

张道录

谢谢谢谢