本節簡介:本節課主要為大家介紹頁面邊框和陰影的做法,以及在網頁設計中的應用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
邊框的三要素:顏色,粗細,樣式 solid 實線 dotted 點線
過渡:初始值上加transition:0.3s;transparent:(透明 ),,陰影:box-shadow: x軸(0px) y軸(20px) 模糊程度(10px) 顏色(#000)
border-top-color: (設置邊框頂部顏色),,box-shadow:10px;(盒子水平陰影),,transparent:(透明 ),,transition:(過渡),,
border-color:ff6600;(設置邊框顏色) border-width:5px;(邊框粗細),,border-style:(邊框樣式),,solid(實線),,dotted(點線),,dashed(虛線),,
ditted 點線 dashed虛線 solid實線 transparent透明 transition過渡
陰影效果:.box{width:300px;height:400px;-webkit-box-shadow:0px 5px 10px #333333;box-shadow:0px 5px 10px #333333;}