邊框的陰影效果,可以在css中使用box-shadow來實現 屬性值有X-shadow,Y-shadow,blur,spread,color,inset X-shadow是設置水平方向的陰影值,可為負數 Y-shadow是設置垂直方向的陰影值,可為負數 blur是設置陰影的模糊半徑 spread是設 ...
邊框的陰影效果,可以在css中使用box-shadow來實現
屬性值有X-shadow,Y-shadow,blur,spread,color,inset
X-shadow是設置水平方向的陰影值,可為負數
Y-shadow是設置垂直方向的陰影值,可為負數
blur是設置陰影的模糊半徑
spread是設置陰影的擴展半徑,也可以說是陰影的尺寸
color是設置陰影的顏色
inset這個屬性通常是不使用的,它指的是將邊框的陰影效果改為內陰影
但樣式中預設樣式是外陰影
盒子模型的重疊樣式
在想讓盒子停留的大盒子里設置一個相對定位,使其受相對定位的管轄
之後於同一個盒子里設置兩個款高相同的盒子
樣式中給兩個大小相同的盒子設置絕對定位,並設置背景顏色用於遮擋
被重疊的盒子,以 z-index 值的大小來確定誰被覆蓋,數值大的在
上面
為了是滑鼠放在盒子上能顯示被覆蓋的元素,所以我們用偽類hover來改
變滑鼠覆蓋之後的 z-index 值,使之前在上面的盒子Z-index值小於下
面的盒子,這樣之前被覆蓋的元素便會將之前覆蓋它的元素所覆蓋
但此時之前被覆蓋的元素z-index值大於其偽類的z-index卻小於其原先的
z-index值,所以我們設置之前被覆蓋的偽類的z-index值最大,讓它一直
保持在最上面