css3如何實(shí)現(xiàn)邊框陰影
2022-02-23
我們?cè)谥谱骶W(wǎng)頁的時(shí)候可以用CSS3添加邊框,那么如果要給邊框添加陰影該怎么做呢?下面小編給大家分享一下。
工具/材料
Sublime Text
操作方法
- 01
首先打開Sublime Text軟件,新建一個(gè)HTML文檔,如下圖所示
- 02
然后在html文檔的Body區(qū)域插入一個(gè)p,如下圖所示
- 03
接下來給p定義一些樣式,注意其中的box-shadow就是定義邊框陰影的,如下圖所示
- 04
最后我們運(yùn)行界面程序,你會(huì)看到邊框已經(jīng)被添加上陰影了,如下圖所示
聲明:本篇經(jīng)驗(yàn)系酷知網(wǎng)「www.coozhi.com」原創(chuàng),轉(zhuǎn)載請(qǐng)注明出處。
詞條內(nèi)容僅供參考,如果您需要解決具體問題
(尤其在法律、醫(yī)學(xué)等領(lǐng)域),建議您咨詢相關(guān)領(lǐng)域?qū)I(yè)人士。