<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { background-color: #ccc; } div:first-child { font-size: 150px; color: #ccc; text-shadow: 1px 1px 1px #000, -1px -1px 1px #fff; } div:last-child { font-size: 150px; color: #ccc; text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff; } </style> </head> <body> <div>我会凸起的文字</div> <div>我是凹进的文字</div> </body> </html>