盒子阴影

box-shadow

h v blur spread color inset

  • h:水平方向偏移
  • v:垂直方向偏移
  • blur:模糊半径
  • spread:拓展半径
  • color:颜色
  • inset:加上这个表示内阴影 默认是外阴影

    文字阴影

    text-shadow

x y blur color

  • x轴偏移 y轴偏移 模糊度 颜色
  • 多层阴影制作文字立体效果，设置多种颜色，中间以逗号隔开

文字添加边框
text-stroke:2px blue

  • 通过设定1px的透明边框，可以让文字变得平滑
  • 颜色设成透明创建镂空字体