热门标签 | HotTags
当前位置:  开发笔记 > 程序员 > 正文

秀米做多层相册边框

登录秀米布局。任意添加一种布局模式,作为第一层。设置第一层的颜色为rgb为(255,255,255),设置阴影中的模糊和颜色分别为3px(即3像素),rgba为(8
  1. 登录秀米

  2. 布局。任意添加一种布局模式,作为第一层。设置第一层的颜色为rgb为(255,255,255),设置阴影中的模糊和颜色分别为3px(即3像素),rgba为(81,81,81,0.54),设置定位中的段前距和段后距分别为10px,20px。复制第一层到剪贴板作为第二层放入第一层。设置第二层的定位中的段前距和段后距分别为5px和-5px,复制第二层到剪贴板作为第三层放入第二层。设置第三层的定位中的段前距和段后距分别为5px和-5px。

  3. 偏移。设置第一层的定位中的偏移为5px,第二层和第三层的定位中的偏移为-5px。

  4. 边距并插入图片。设置第三层的边距中的上下左右均为8px,插入图片,设置图片的定位中的段前距和段后距均为0px。

  5. 宽度。设置第一层的宽度范围在85%-90%(一般设置为88%),在调整其定位中的对齐为居中方式。

    当然还可以制作上下或左右滑动的方式。多层边框   




  1. 布局。添加一种三列布局,宽度分别为24%、36%、24%,然后在定位中选择居中。

  2. 搜索“点线”,放入左右布局中,中间布局插入图片,并设置图片宽度为90%。



  1. 添加三列布局,设置两边宽均为33%,中间宽度为23%,然后在定位中选择居中。

  2. 插入文字,可以设置字体形式,文字间距设置(行间距2px,字间距2px,页间距35px),设置定位中的段前距或段后距为10px。搜索“轴线”,选一种放入布局中,修改颜色或者文字均可。


综上,可以设置颜色(前景色、背景色)、边框(样式、尺寸、弧度、颜色)、阴影(大小、模糊、方向、颜色)、间距(行、子、上、下、左、右)、宽度、裁剪、定位(缩放、段前距、段后距、对齐、偏移)。这种设计都可以在布局中选择想要的模板进行设计。



推荐阅读
  • 百度服务再次遭遇技术问题,疑似DNS解析故障
    近日晚间,百度多项在线服务出现加载异常,包括移动端搜索在内的多个功能受到影响。初步迹象表明,问题可能与DNS服务器解析有关。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • Python实现照片磨皮效果
    本文介绍如何使用Python和OpenCV库来实现照片的磨皮效果,使图片更加平滑并提升整体美感。 ... [详细]
  • 深入理解Java中的Collection接口与Collections工具类
    本文详细解析了Java中Collection接口和Collections工具类的区别与联系,帮助开发者更好地理解和使用这两个核心组件。 ... [详细]
  • 本文详细介绍了MicroATX(也称Mini ATX)和MATX主板规格,探讨了它们的结构特点、应用场景及对电脑系统成本和性能的影响。同时,文章还涵盖了相关操作系统的实用技巧,如蓝牙设备图标删除、磁盘管理等。 ... [详细]
  • Codeforces Round #566 (Div. 2) A~F个人题解
    Dashboard-CodeforcesRound#566(Div.2)-CodeforcesA.FillingShapes题意:给你一个的表格,你 ... [详细]
  • 本题通过将每个矩形视为一个节点,根据其相对位置构建拓扑图,并利用深度优先搜索(DFS)或状态压缩动态规划(DP)求解最小涂色次数。本文详细解析了该问题的建模思路与算法实现。 ... [详细]
  • 最近团队在部署DLP,作为一个技术人员对于黑盒看不到的地方还是充满了好奇心。多次咨询乙方人员DLP的算法原理是什么,他们都以商业秘密为由避而不谈,不得已只能自己查资料学习,于是有了下面的浅见。身为甲方,虽然不需要开发DLP产品,但是也有必要弄明白DLP基本的原理。俗话说工欲善其事必先利其器,只有在懂这个工具的原理之后才能更加灵活地使用这个工具,即使出现意外情况也能快速排错,越接近底层,越接近真相。根据DLP的实际用途,本文将DLP检测分为2部分,泄露关键字检测和近似重复文档检测。 ... [详细]
  • 随着网络安全威胁的不断演变,电子邮件系统成为攻击者频繁利用的目标。本文详细探讨了电子邮件系统中的常见漏洞及其潜在风险,并提供了专业的防护建议。 ... [详细]
  • 本文将详细介绍如何在Linux操作系统中执行PHP脚本,包括环境配置、命令使用及验证方法。对于需要在Linux环境下开发或部署PHP应用的用户来说,这是一篇非常实用的文章。 ... [详细]
  • 如何使用苹果恢复大师恢复手机设备中的日历数据
    当您不小心删除了手机中的日历时,可以通过苹果恢复大师轻松恢复这些数据。本文将详细介绍具体的操作步骤和注意事项,帮助您快速找回丢失的日历信息。 ... [详细]
  • 爱奇艺视频下载指南
    随着百度在视频领域的不断扩展,爱奇艺的内容库日益丰富,涵盖了大量新番动画、电影、电视剧和综艺节目。本文将详细介绍如何通过爱奇艺客户端下载视频,帮助用户轻松实现离线观看。 ... [详细]
  • 本文介绍如何在Linux Mint系统上搭建Rust开发环境,包括安装IntelliJ IDEA、Rust工具链及必要的插件。通过详细步骤,帮助开发者快速上手。 ... [详细]
  • 易飞扬宣布推出新型低成本100G OTU4光模块,以满足DPI市场的需求。新产品包括100G CFP2 LR4 10KM和100G OTU4 QSFP28 LR4光模块,具备低功耗和高性能特点。 ... [详细]
  • 作为一名专业的Web前端工程师,掌握HTML和CSS的命名规范是至关重要的。良好的命名习惯不仅有助于提高代码的可读性和维护性,还能促进团队协作。本文将详细介绍Web前端开发中常用的HTML和CSS命名规范,并提供实用的建议。 ... [详细]
author-avatar
mobiledu2502869077
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有