原鏈接：https://www.jb51.net/css/713296.html
css 模擬文字描邊效果1：
p{ text-shadow: -1px -1px 0 #4f4d57, 1px -1px 0 #4f4d57, -1px 1px 0 #4f4d57, 1px 1px 0 #4f4d57, 0px 2px 2px rgba(0,0,0,0.6); font-size: 15px; color: #f2f2f2; font-family:"微軟雅黑"; }
css文字描邊：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>text-shadow-文字描邊</title> <style> .demo { text-align: center; font-family: Verdana; font-size: 30px; font-weight: bold; color: red; } .stroke { text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0; } </style> </head> <body> <div class="demo"> <p>沒有添加描邊</p> <p class="stroke">添加了字體描邊</p> </div> </body> </html>