在css中設置邊框陰影的方法:1.創建div標簽;2.設置div標簽寬高和邊框;3.使用box-shadow屬性設置邊框陰影;
在css中設置邊框陰影的方法
1.首先,在頁面中創建一個div標簽,并設置class屬性;
<body><div class="out"></div>
</body>
2.div標簽創建好后,在css中設置div標簽的寬高,并設置邊框;
.out{width:300px;
height: 150px;
border:1px solid #BFBFBF;
margin: 20px auto;
}
3.最后,div標簽樣式設置好后,使用box-shadow屬性即可設置邊框陰影;
1).設置邊框外部陰影
.out{width:300px;
height: 150px;
border:1px solid #BFBFBF;
margin: 20px auto;
box-shadow: 0 0 10px 5px #aaa;
}
2).設置邊框內部陰影
.out{width:300px;
height: 150px;
border:1px solid #BFBFBF;
margin: 20px auto;
box-shadow: 0 0 10px 5px #aaa inset;
}