先看下效果:
text-shadow:x位移 y位移 模糊程度 颜色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1, user-scalable=0"> <title>Title</title> <style> body{ background: deepskyblue; } h3{ font-size: 30px; text-shadow: 1px 1px 0 #fff,-1px -1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff; } p{ color: #fff; font-size: 25px; text-shadow: 1px 1px 0 #000,-1px -1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000; } </style></head><body> <h3>开始竞猜</h3> <p>哈喽啊</p></body></html>