怎么实现阴影效果呢?
生活随笔
收集整理的這篇文章主要介紹了
怎么实现阴影效果呢?
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
我們在前端的設(shè)計中常常會用到圖片和文字,如果只是單調(diào)的圖片或文字,不怎么好看。所以我們要給它別的效果,比如:陰影效果。要實現(xiàn)陰影效果,我們就要用到box-shadow屬性,它是一個復(fù)合屬性,用于整個盒模型添加陰影。它有4個屬性值:水平陰影,垂直陰影,模糊的距離,以及陰影的顏色。好了讓我們看下有陰影和沒有的區(qū)別。
代碼:
效果圖:
我們給它加一句代碼看看:
下面是添加了陰影的:
是不是好看一點了呢,那你們學(xué)會了嗎(?>?<)?
總結(jié)
以上是生活随笔為你收集整理的怎么实现阴影效果呢?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 主机屋的免费空间怎么上传网站(主机屋的免
- 下一篇: 伪类的用法