RSS
热门关键字:  CSS教程  CSS布局  CSS样式  CSS hack  CSS JS
当前位置 :| 主页>CSS实例>

一个简单的CSS设计实例

来源:cssplay 作者:cssplay 时间:2008-03-28 点击:

首先给出结构,请注意,是结构固定在先,表现设计在后。

  <body>
      <div id="PopPage">
          <h3>新增联系人</h3>
          <div>
              <label>姓名</label>
              <input type="text" />
          </div>
          <div>
              <label>姓名</label>
             <input type="text" />
         </div>
         <div>
             <label>姓名</label>
             <input type="text" />
         </div>
         <!-- 以次类推,我就不写了 -->
         <div class="buttonarea">
             <input type="button" value="添加" />
             <input type="button" value="重填" />
         </div>
     </div>
 </body>

下面是设计师提供的设计稿:

一个简单的CSS设计实例

  说明:有几个限制。

  1、不能在body上定义背景图片。

  2、结构不允许改变,也就是增加额外标签。

  3、要求适应分辨率,因为此类页面不仅仅作为宽度固定的弹出页面,同时也要作为宽度不固定的内页。(表单内容会改变)

  算了,不列了,要说限制可能还能写一些出来,但没意思了,干脆这样说:如何仅依赖css实现容度更高的整体布局。大家有兴趣可以试试看,三天后周日再给出我的Css和思路。当然不是标准答案,看看谁的容度最大。


Tag:CSS设计   CSS实例  
最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册
热点实例