css設定邊框陰影;box-shadow的使用
如何使用box-shadow設定邊框陰影。
box-shadow: X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影擴充套件半徑] [陰影顏色] [投影方式]。投影方式有兩種：inset、outset，預設投影方式outset。
將通過案例來講述如何設定邊框陰影。
操作方法
（01）開啟前端開發工具，新建一個html檔案，然後在這個html檔案上建立兩個<div>用來設定陰影邊框，最後這兩個div新增樣式類為: in、out。如圖：程式碼：<div class="out">外部邊框陰影</div><div class="in">內部邊框陰影</div>
（02）設定邊框陰影。對這兩個的樣式類設定大小，寬高，最後使用box-shadow設定陰影邊框。如圖：css程式碼：<style type="text/css">,{width:300px;height: 150px;border:1px solid #BFBFBF;margin: 20px auto;}{box-shadow:0px 0px 10px 5px #aaa;}{box-shadow:0px 0px 10px 5px #aaa inset;}</style>
（03）儲存html檔案後使用瀏覽器開啟即可看到效果。如圖：
（04）所有程式碼。可以直接複製所有程式碼到新建的html檔案上，貼上儲存後使用瀏覽器開啟即可看到效果。所有程式碼：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">,{width:300px;height: 150px;border:1px solid #BFBFBF;margin: 20px auto;}{box-shadow:0px 0px 10px 5px #aaa;}{box-shadow:0px 0px 10px 5px #aaa inset;}</style></head><body><div class="out">外部邊框陰影</div><div class="in">內部邊框陰影</div></body></html>
