圖片控件是在建站(zhàn)過程中使用相當頻繁的控件,用好(hǎo)(hǎo)了(le)圖片控件,建站(zhàn)就(jiù)輕松一(yī)半,那麽在使用圖片控件的過程中有哪些(xiē)技巧呢(ne)?
1圖片模式的使用
可以看到,圖片有四種模式,分(fēn)别是自适應,居中,拉伸和原圖。我們來看看四種模式的效果
自适應 居中 拉伸 原圖
通過對比四種模式,我們可以發現,“自适應”模式對圖片進行了(le)裁剪,保持了(le)原圖的比例,讓原圖沒有拉伸變形;
“居中”模式是将圖片按比例完整顯示,周圍居中留白
“拉伸”模式是改變圖片原比例,适應外框,将圖片填充滿外框
“原圖”模式是按照圖片原比例,将外框調整到和原圖一(yī)樣的比例和大小,讓圖片按原樣完整展示。
了(le)解了(le)模式的作(zuò)用,我們可以在靈活的根據需要來調整圖片的模式
2圖片标題的使用
小夥伴們有沒有發現圖片标題填了(le)過後在界面上(shàng)沒有任何作(zuò)用呢(ne),不用着急,讓我教你讓标題現身(shēn)的辦法。
●.首先我們編輯圖片的樣式
●我們找到懸停面闆
●打開顯示蒙版
●當我們把鼠标移動到圖片上(shàng)的時候,圖片标題就(jiù)出現了(le)
當然,我們還可以更換蒙版的背景圖片,或者選擇一(yī)個心儀的圖标來讓圖片更加漂亮
3圖片控件還有其他設置,如(rú)果你是一(yī)張小于40px的圖,你可以設置圖片邊框的圓角将圖片變成圓形