一个简单又不简单的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和思路。当然不是标准答案,看看谁的容度最大。^_^

相关文章

精彩推荐