图片控件是在建站过程中使用相当频繁的控件,用好了图片控件,建站就轻松一半,那么在使用图片控件的过程中有哪些技巧呢?
1图片模式的使用
可以看到,图片有四种模式,分别是自适应,居中,拉伸和原图。我们来看看四种模式的效果
自适应 居中 拉伸 原图
通过对比四种模式,我们可以发现,“自适应”模式对图片进行了裁剪,保持了原图的比例,让原图没有拉伸变形;
“居中”模式是将图片按比例完整显示,周围居中留白
“拉伸”模式是改变图片原比例,适应外框,将图片填充满外框
“原图”模式是按照图片原比例,将外框调整到和原图一样的比例和大小,让图片按原样完整展示。
了解了模式的作用,我们可以在灵活的根据需要来调整图片的模式
2图片标题的使用
小伙伴们有没有发现图片标题填了过后在界面上没有任何作用呢,不用着急,让我教你让标题现身的办法。
●.首先我们编辑图片的样式
●我们找到悬停面板
●打开显示蒙版
●当我们把鼠标移动到图片上的时候,图片标题就出现了
当然,我们还可以更换蒙版的背景图片,或者选择一个心仪的图标来让图片更加漂亮
3图片控件还有其他设置,如果你是一张小于40px的图,你可以设置图片边框的圆角将图片变成圆形