邊框設定

border：none；去除邊框

boerde-radius：5px；設定圓角

陰影設定

外部：box-shadow：水平 垂直 模糊 縮放 顏色；（5px 5px 5px 5px #fffff）

內部：box-shadow： inset 水平 垂直 模糊 縮放 顏色；

動畫

漸變動畫

transition：名稱 持續時間 漸變速度 延遲時間（大於兩個：名稱 名稱；時間 時間；ease ease；）

div
    {
        width:100px;
        height:100px;
        background:red;
        transition:width 2s;
    }
    div:hover
    {
        width:300px;
    }
 

animation動畫

animation：名稱 持續時間 漸變速度 延遲時間

div
    {
        width:100px;
        height:100px;
        background:red;
        animation:myfirst 5s;

    }

    @keyframes myfirst
    {
        0%   {background:red;}
        25%  {background:yellow;}
        50%  {background:blue;}
        100% {background:green;}
    }