一个简单又不简单的Css设计实例

作者:袖梨 2022-07-02

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

 代码如下 复制代码
 1
 2    

 3        

新增联系人


 4        

 5       
 6       
 7        

 8        

 9       
10       
11        

12        

13       
14       
15        

16        
17        

18       
19       
20        

21    

22

下面是设计师提供的设计稿:
  说明:有几个限制。
  1、不能在body上定义背景图片。
  2、结构不允许改变,也就是增加额外标签。
  3、要求适应分辨率,因为此类页面不仅仅作为宽度固定的弹出页面,同时也要作为宽度不固定的内页。(表单内容会改变)
  算了,不列了,要说限制可能还能写一些出来,但没意思了,干脆这样说:如何仅依赖css实现容度更高的整体布局。大家有兴趣可以试试看,三天后周日再给出我的Css和思路。当然不是标准答案,看看谁的容度最大。^_^

相关文章

精彩推荐