我们知道，旺铺是一个店铺的门面。一个具有营销性的旺铺能直接带来客户的反馈，因此设计师们往往对旺铺装修煞费苦心，在诸多传统布局排版中寻求突破。为了帮助大家更好地装修自己的店铺门面，今天来分享一项技巧—不规则旺铺上传的技巧。https://gekano.1688.com/

不规则旺铺背景，针对的是信息量大的背景图切片后按顺序上传遭遇布局不合理的情况。例如下图（图1）——切片后，按顺序上传切片，但排版不是预期效果（图2）。

                                                      图1    https://gekano.1688.com/

                                                   图2   https://gekano.1688.com/

图2 

那么，怎么让图1这几张上传的切片达到图2的完整效果呢？

第一步：找到需要移动的图片以及代码格式所在位置。

https://gekano.1688.com/

要让这张图片飘到右边来，首先我们要输入一个代码“float:right;”—“浮动：到右边；”。

记住，所有的样式代码，要放到样式框里，样式框（style=””）。

第二步：在对应代码区域添加固定代码格式

也就是要在图片上加style="float: right;"，看下代码：

 
效果图一览：

图片过来了。

 https://gekano.1688.com/

第三步:用同样方式的代码格式转化剩余图片的效果

下面我们用同样的方式来让第四张图片浮动到右边，看下效果：

为什么会出现这种情况呢！看下代码：

给第三张添加浮动https://gekano.1688.com/

但是按照代码的规范来说，我们要给四张图片都添加浮动，最后的代码。https://gekano.1688.com/

完成，最终效果展示（上图）。

至此，不规则旺铺背景就上传完整啦，并且已经达到了预期的完美效果！

学会了上面那些，是不是觉得代码转换与旺铺装修这种高大上的技术活儿都变得接地气了呢？赶快动动小手试试吧！https://gekano.1688.com/