怎么在DIV設(shè)置他的邊框有一個投影的效果？求代碼？1/8首先在CSS結(jié)構(gòu)代碼中繪制一個沒有陰影的邊框2/8，在邊框所在的div box中添加一個“box shadow”屬性3/8。第一個參數(shù)red表示

怎么在DIV設(shè)置他的邊框有一個投影的效果？求代碼？

1/8首先在CSS結(jié)構(gòu)代碼中繪制一個沒有陰影的邊框2/8，在邊框所在的div box中添加一個“box shadow”屬性3/8。第一個參數(shù)red表示陰影顏色為紅色4/8。第二個參數(shù)表示x軸偏移為10像素5/8。第三個參數(shù)表示y軸偏移為10像素6/8。第四個參數(shù)表示陰影模糊半徑為30像素7/8。第五個參數(shù)表示陰影模糊半徑為30像素7/8，陰影擴展半徑為5像素8/8，然后刷新瀏覽器以查看我們設(shè)置的陰影

1。首先，創(chuàng)建一個新的HTML文件，輸入基本內(nèi)容，在這里設(shè)置一個div，并將其類設(shè)置為demo，用瀏覽器打開它以查看默認效果：

2。設(shè)置div的樣式，這里給出div300px的寬度。使用border bottom屬性，將底部框設(shè)置為3像素，使用實線框，顏色為紅色。設(shè)置后，保存觀看效果：

3。繼續(xù)美化邊框，用box shadow屬性添加陰影效果，四個值分別是垂直陰影、水平陰影、陰影大小和陰影顏色；將陰影圓角設(shè)置為4em，最后按crtl S，可以在左側(cè)的瀏覽器中看到邊框的新效果