css設置部分邊框陰影效果 怎么在DIV設置他的邊框有一個投影的效果?求代碼?
怎么在DIV設置他的邊框有一個投影的效果?求代碼?1/8首先在CSS結構代碼中繪制一個沒有陰影的邊框2/8,在邊框所在的div box中添加一個“box shadow”屬性3/8。第一個參數red表示
怎么在DIV設置他的邊框有一個投影的效果?求代碼?
1/8首先在CSS結構代碼中繪制一個沒有陰影的邊框2/8,在邊框所在的div box中添加一個“box shadow”屬性3/8。第一個參數red表示陰影顏色為紅色4/8。第二個參數表示x軸偏移為10像素5/8。第三個參數表示y軸偏移為10像素6/8。第四個參數表示陰影模糊半徑為30像素7/8。第五個參數表示陰影模糊半徑為30像素7/8,陰影擴展半徑為5像素8/8,然后刷新瀏覽器以查看我們設置的陰影
1。首先,創建一個新的HTML文件,輸入基本內容,在這里設置一個div,并將其類設置為demo,用瀏覽器打開它以查看默認效果:
2。設置div的樣式,這里給出div300px的寬度。使用border bottom屬性,將底部框設置為3像素,使用實線框,顏色為紅色。設置后,保存觀看效果:
3。繼續美化邊框,用box shadow屬性添加陰影效果,四個值分別是垂直陰影、水平陰影、陰影大小和陰影顏色;將陰影圓角設置為4em,最后按crtl S,可以在左側的瀏覽器中看到邊框的新效果