本節簡介:本節課主要為大家介紹頁面邊框和陰影的做法,以及在網頁設計中的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
transition:描述是鼠標觸碰它會有種向上移的感覺
在css中給某一標簽的border后面加transparent是透明度
blur:模糊半徑 spread:擴展半徑 inset:陰影方向 v-shadow:向下 transition:過渡效果
dottde 點線 dashed 虛線 double雙實線
陰影簡寫:box-shadow:0px(x軸移) 5px(y軸移) 20px(模糊) 顏色;
陰影移上下更柔和,transition過渡(不要加在hover那)
邊框陰影,shadow陰影 blur模糊值越大越柔和 spread擴展 inset(內陰影)插圖
用邊框屬性做三角形,區塊大小設0 邊框設大小,屬性,顏色( transparent透明的),在設頂部什么顏色
位置可換。簡寫如border:solid #ff6600 5px;
border邊框 border-style邊框樣式(solid實線 botted點線 dashed虛線 double雙實線)設邊框要選擇顏色,大小,樣式才顯示
transition屬于初始狀態的元素,不是hover觸發的元素