20-盒子阴影和文字阴影

  1. 如何给盒子添加阴影
    box-shadow: 水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影;
    box-shadow: h-shadow v-shadow blur spread color inset;

     box-shadow: 10px 10px 10px 10px skyblue inset;
    
  2. 注意点
    2.1 盒子的阴影分为内外阴影, 默认情况下就是外阴影
    2.2 快速添加阴影只需要编写三个参数即可
    box-shadow: 水平偏移 垂直偏移 模糊度;

     box-shadow:10px 10px 10px;
    
  • 默认情况下阴影的颜色和盒子内容的颜色一致
  1. 如何给文字添加阴影
    text-shadow: 水平偏移 垂直偏移 模糊度 阴影颜色 ;

    text-shadow: 10px 10px 10px black;

你可能感兴趣的:(20-盒子阴影和文字阴影)