網頁圖片加圓角和陰影的代碼

站長經驗 尹華峰 瀏覽 評論來源:www.caolzp.tw

  之前博主看到一些站長把自己的網頁圖片設計成圓角,并且還加了陰影,讓圖片看起來比較立體,博主也是覺得蠻有意思的,索性做了下研究,其實還是挺簡單的。有些站長朋友問怎么做,這里,尹華峰SEO博客分享一下經驗心得,參考代碼如下。

  給網頁圖片加圓角的代碼如下:

  border-radius: 8px;

  給網頁圖片加陰影的代碼如下:

  box-shadow: 2px 2px 2px #58585d;

  結語:就這么兩個簡短的代碼即可實現,建議在使用的時候,先在網頁前端審查元素,將以上代碼加進去做個調試,然后在后臺文件中修改CSS即可,立馬讓你的網頁圖片變得有立體感,感興趣的新手站長們也可以將代碼運用到自己的網站試試吧。

    江苏7位数第18165期