微魔方社区
登录
  • 社区首页
  • 网站首页
  • 帮助中心
  • 社区首页
  • 建站技巧
  • 图片控件使用小技巧
发表新帖 回复 返回列表
  • 37769325@qq 普通用户
    主题
    3
    帖子
    9
    图片控件使用小技巧
    8058 1 楼主 发表于 2016-03-31 23:19:14

    马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。 您需要 登录 才可以下载或查看,没有帐号?立即注册

    图片控件是在建站过程中使用相当频繁的控件,用好了图片控件,建站就轻松一半,那么在使用图片控件的过程中有哪些技巧呢?

    1图片模式的使用

    可以看到,图片有四种模式,分别是自适应,居中,拉伸和原图。我们来看看四种模式的效果


    自适应           居中          拉伸              原图   

    通过对比四种模式,我们可以发现,“自适应”模式对图片进行了裁剪,保持了原图的比例,让原图没有拉伸变形;

    “居中”模式是将图片按比例完整显示,周围居中留白

    “拉伸”模式是改变图片原比例,适应外框,将图片填充满外框

    “原图”模式是按照图片原比例,将外框调整到和原图一样的比例和大小,让图片按原样完整展示。

    了解了模式的作用,我们可以在灵活的根据需要来调整图片的模式

    2图片标题的使用


    小伙伴们有没有发现图片标题填了过后在界面上没有任何作用呢,不用着急,让我教你让标题现身的办法。

    ●.首先我们编辑图片的样式


    ●我们找到悬停面板

    ●打开显示蒙版

    ●当我们把鼠标移动到图片上的时候,图片标题就出现了

    当然,我们还可以更换蒙版的背景图片,或者选择一个心仪的图标来让图片更加漂亮

    3图片控件还有其他设置,如果你是一张小于40px的图,你可以设置图片边框的圆角将图片变成圆形

    收藏
    分享
    回复
    举报
验证码 换一张 发表回复
×
举报

请点击举报理由

确定
抱歉您尚未输入标题或用户名
© 2015 长沙企驰网络科技有限公司 版权所有 湘ICP备16000517号 技术支持: 微魔方