盒子阴影的五个值:1.X轴方向移动范围、 2.Y轴方向移动范围、 3.模糊程度(值越大越模糊) 4.模糊半径 5.阴影颜色
用 box-shadow: 10px 20px 10px 5px red;表示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> div{ width: 200px; height: 200px; background-color: yellowgreen; box-shadow: 3px 0 0 10px #16bc94; } </style> <title>盒子阴影</title> </head> <body> <div> </div> </body> </html>