css鎬庝箞璁剧疆div闃村奖
css璁剧疆div闃村奖鐨勬柟娉曪細浣跨敤鈥渂ox-shadow鈥濆睘鎬т负div娣诲姞闃村奖鏁堟灉锛屽彧闇€瑕佸湪css涓坊鍔犫€渂ox-shadow: 0px 0px 100px 10PX black;鈥濇牱寮忎唬鐮佽缃槾褰辨晥鏋滃嵆鍙€?/p>
绀轰緥锛?/p>
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>闃村奖鏁堟灉</title>
<style type="text/css">
div{
position: absolute;
left: 300px;
top: 300px;
width: 300px;
height: 300px;
box-shadow: 0px 0px 100px 10PX black;
border: 1px solid black;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
鏁堟灉濡備笅锛?/p>
box-shadow 鍚戞娣诲姞涓€涓垨澶氫釜闃村奖銆傝灞炴€ф槸鐢遍€楀彿鍒嗛殧鐨勯槾褰卞垪琛紝姣忎釜闃村奖鐢?2-4 涓暱搴﹀€笺€佸彲閫夌殑棰滆壊鍊间互鍙婂彲閫夌殑 inset 鍏抽敭璇嶆潵瑙勫畾銆傜渷鐣ラ暱搴︾殑鍊兼槸 0銆?/p>
璇硶锛?/p>
box-shadow: h-shadow v-shadow blur spread color inset;
灞炴€у€硷細
h-shadow 蹇呴渶銆傛按骞抽槾褰辩殑浣嶇疆銆傚厑璁歌礋鍊笺€?/p>
v-shadow 蹇呴渶銆傚瀭鐩撮槾褰辩殑浣嶇疆銆傚厑璁歌礋鍊笺€?/p>
blur 鍙€夈€傛ā绯婅窛绂汇€?/p>
spread 鍙€夈€傞槾褰辩殑灏哄銆?/p>
color 鍙€夈€傞槾褰辩殑棰滆壊銆?/p>
inset 鍙€夈€傚皢澶栭儴闃村奖 (outset) 鏀逛负鍐呴儴闃村奖銆?/p>
