cakincheng
cakincheng

DIV布局与效果实战

DIV布局与效果实战

参考

https://blog.csdn.net/jiary5201314/article/details/38336559

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第1张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第2张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第3张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第4张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第5张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第6张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第7张图片

实战

1 代码



    
        
        测试DIV
    
    
        
        

            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。

2 效果

DIV布局与效果实战_第8张图片

实战

1 代码



    
        
        测试DIV
    
    
        
        

            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            abcdefghijklmnopqRSTUVWXYZ

2 效果

DIV布局与效果实战_第9张图片

实战

1 代码



    
        
        测试DIV
    
    
        
        

            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
        

        

        

            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。
            明月几时有？把酒问青天。不知天上宫阙、今夕是何年？我欲乘风归去，惟恐琼楼玉宇，高处不胜寒．起舞弄清影，何似在人间？　　转朱阁，低绮户，照无眠。不应有恨、何事长向别时圆？人有悲欢离合，月有阴晴圆缺，此事古难全。但愿人长久，千里共蝉娟。

2 效果

DIV布局与效果实战_第10张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第11张图片

实战

1 代码



    
        
        测试DIV

2 效果

DIV布局与效果实战_第12张图片

实战

1 代码



    
        
        测试DIV
    
    
        
        

            
            

                

                    商品名称1：
                

                

                    商品类型1：
                

            

            
            

                

                    商品名称2：
                

                

                    商品类型2：
                

            

            
            

                

                    商品名称3：
                

                

                    商品类型3：
                

            

            
            

                

                    商品名称4：
                

                

                    商品类型4：
                

            

            
            

                

                    时间范围5：- 
                    

                        商品类型5：
                    

                

            

            
            

                

                    时间范围6：- 
                    

                        商品类型6：