【Html】12-text-shadow应用

凹入效果

一、背景颜色尽量与字体颜色相近（相同也可以）；

div{
    
    background-color: #ccf;
    color: #ccf;
}

二、然后用#fff（白色）和#000（黑色）制作光影效果

div{
    
    text-shadow: 
                1px 3px 2px #fff,
                -1px -2px 2px #000;
}

三、阴影的位置和字体的其他根据自己的需要调整

---

效果预览：

凸出效果

一、背景颜色尽量与字体颜色相近（相同也可以）；

div{
    
    background-color: #ccf