<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒子阴影</title> <style> div{ width: 200px; height: 200px; background-color: antiquewhite; /*阴影偏移 x轴偏移 y轴偏移 (模糊程度 模糊范围) 颜色*/ box-shadow: 2px(必需) 0px(必需) 5px 8px red; } </style> </head> <body> <div> </div> </body> </html>