本節簡介:講解CSS3新增的圓角、陰影及不透明度等參數設置
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
陰影的設置代碼.box4{width:200px;height:200px; background:#F000;margin:50px;box-shadow:10px 20px 20px 5px #990033 inset;}
.box5{width:100px;height:100px; margin:50px; background:rgba(0,255,240,0透明值;)}透明度是0-1
陰影的設置代碼.box4{width:200px;height:200px; background:#F000;margin:50px;box-shadow:10px 20px 20px 5px #990033 inset;}
.box{width:200px; height:200px;background:#0cc;margin:100px;border-radius:50%;}
陰影 box-shadow 在網頁中添加陰影,例如 box-shadow有六個參數 x軸偏移 Y軸偏移 陰影模糊半徑,陰影擴展半徑陰影顏色陰影類型。例:box-shadow,10px 10px 5px 5px red inset;
圓角 border-radius 類似padding 和margin的寫法 border-radius一個值代表四個角,2個值代表上左和對角 上右和下左 3個值 上 上右和下左, 下, 4個值 順時針 上下左邊
陰影 box-shadow 在網頁中添加陰影,例如 box-shadow有六個參數 x軸偏移 Y軸偏移 陰影模糊半徑,陰影擴展半徑陰影顏色陰影類型。例:box-shadow,10px 10px 5px 5px red inset;
圓角 border-radius 類似padding 和margin的寫法 border-radius一個值代表四個角,2個值代表上左和對角 上右和下左 3個值 上 上右和下左, 下, 4個值 順時針 上下左邊
opacity:0.5 全局透明(屬性)、background:rgba(255,0,0,0.5)背景透明(屬性值)