CSS學習筆記-盒子陰影及文字陰影

盒子陰影:
    一、格式:
        box-shadow:h-shadow v-shadow blur spread color insert;
        box-shadow:水平偏移 垂直偏移 模糊度 陰影擴展 陰影顏色 內外陰影;
    二、注意點:
        2.1盒子的陰影分爲內外陰影,默認狀況下爲外陰影
        2.2快速添加陰影只須要編寫三個參數便可:
            box-shadow:水平偏移 垂直偏移 模糊度;
        2.3默認狀況下陰影的顏色和盒子內容的顏色一致
        2.4當水平與垂直偏移值爲0時,陰影向四周擴散

文字陰影:
    一、格式:
        text-shadow:水平偏移 垂直偏移 模糊度 陰影顏色;
    二、注意點:
        2.1快速添加陰影只須要編寫三個參數便可
            text-shadow:水平偏移 垂直偏移 模糊度;
        2.2當水平與垂直偏移值爲0時,陰影向四周擴散擴展

相關文章
相關標籤/搜索