之前博主看到一些站長把自己的網(wǎng)頁圖片設(shè)計(jì)成圓角,并且還加了陰影,讓圖片看起來比較立體,博主也是覺得蠻有意思的,索性做了下研究,其實(shí)還是挺簡單的。有些站長朋友問怎么做,這里,尹華峰SEO博客分享一下經(jīng)驗(yàn)心得,參考代碼如下。
給網(wǎng)頁圖片加圓角的代碼如下:
border-radius: 8px;
給網(wǎng)頁圖片加陰影的代碼如下:
box-shadow: 2px 2px 2px #58585d;
結(jié)語:就這么兩個(gè)簡短的代碼即可實(shí)現(xiàn),建議在使用的時(shí)候,先在網(wǎng)頁前端審查元素,將以上代碼加進(jìn)去做個(gè)調(diào)試,然后在后臺(tái)文件中修改CSS即可,立馬讓你的網(wǎng)頁圖片變得有立體感,感興趣的新手站長們也可以將代碼運(yùn)用到自己的網(wǎng)站試試吧。