1.div被文字或奇怪的東西拉長導致佈局混亂
設置 box-sizing: border-box 屬性。
2.設置內邊框
box-sizing: border-box 邊框將變爲內邊框
3.多重邊框
使用 box-shadow 創建多個“陰影”,偏移以及模糊距離均設置爲0即可
/*這是一個真陰影加上一個僞邊框*/
box-shadow: 2px 2px 10px 1px rgba(0,0,0,.7), 0 0 0 0.8px black;
待補充
1.div被文字或奇怪的東西拉長導致佈局混亂
設置 box-sizing: border-box 屬性。
2.設置內邊框
box-sizing: border-box 邊框將變爲內邊框
3.多重邊框
使用 box-shadow 創建多個“陰影”,偏移以及模糊距離均設置爲0即可
/*這是一個真陰影加上一個僞邊框*/
box-shadow: 2px 2px 10px 1px rgba(0,0,0,.7), 0 0 0 0.8px black;
待補充
3d盒子反戰 效果如圖如下: HTML重要的代碼如下: <ul> <li> <div class="box"> <div class="front">目錄