<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> /*内部阴影*/ #mdiv { 100px; height: 100px; border: 1px solid red; -moz-box-shadow: inset 2px 0 4px #000; -webkit-box-shadow: inset 2px 0 4px #000; box-shadow: inset 2px 0 4px #000; } /*外部阴影*/ #ydiv { 100px; height: 100px; border: 1px solid red; -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52); -moz-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52); box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.52); } </style> </head> <body> <div id="mdiv"></div> <div id="ydiv"></div> </body> </html>