有没有办法整合边框周围的文本像下面的图像？
解决方法
使用多个文字阴影：
text-shadow: 2px 0 0 #fff,-2px 0 0 #fff,0 2px 0 #fff,0 -2px 0 #fff,1px 1px #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;
body {
font-family: sans-serif;
background: #222;
color: darkred;
}
h1 {
text-shadow: 2px 0 0 #fff,-1px 1px 0 #fff;
}
<h1>test</h1>
或者，您可以使用文本笔触，它只能在webkit中使用：
-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff;
body {
font-family: sans-serif;
background: #222;
color: darkred;
}
h1 {
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #fff;
}
<h1>test</h1>
