1. 前言
在前端开发中，文字样式是非常重要的一部分。有时候我们需要对文字进行多次加粗以及添加边框修饰，本文将讲述如何使用CSS将文字二次加粗并加上边框，为你的网站带来更加漂亮的呈现效果。
2. 文字加粗
2.1 使用标签
使用<b>标签可以将文字加粗，如下所示：
b {
font-weight: bold;
}
然后在HTML标签中添加<b>标签即可实现文字加粗效果，如：
<p><b>这是加粗的文字</b></p>
效果如下：
这是加粗的文字
2.2 使用标签
使用<strong>标签也可以将文字加粗，但是它的语义更强。使用方法同上，只需要将上面代码中的<b>改成<strong>即可。
strong {
font-weight: bold;
}
然后在HTML标签中添加<strong>标签即可实现文字加粗效果，如：
<p><strong>这是加粗的文字</strong></p>
效果如下：
这是加粗的文字
3. 文字边框
3.1 使用text-shadow属性添加边框
在CSS中使用text-shadow属性可以为文字添加边框。text-shadow属性可以设置多个值，第一个值为水平偏移值，第二个值为垂直偏移值，第三个值为模糊半径，第四个值为颜色。
我们可以设置水平和垂直偏移值为0，模糊半径为1px，颜色为黑色，如下所示：
p {
text-shadow: 0 0 1px #000;
}
然后在HTML标签中添加标签即可实现文字边框效果，如：
<p>这是带边框的文字</p>
效果如下：
这是带边框的文字
3.2 使用outline属性添加边框
在CSS中使用outline属性可以为文字添加边框。outline属性可以设置多个值，第一个值为宽度，第二个值为样式，第三个值为颜色。
我们可以设置宽度为1px，样式为实线，颜色为黑色，如下所示：
p {
outline: 1px solid #000;
}
然后在HTML标签中添加标签即可实现文字边框效果，如：
<p>这是带边框的文字</p>
效果如下：
这是带边框的文字
4. 文字二次加粗并加边框实现
现在我们要将文字进行二次加粗，并且添加边框修饰。我们可以将上面的方法结合起来使用。
首先，我们可以使用<strong>标签将文字进行一次加粗，然后使用text-shadow属性为文字添加边框，如下所示：
strong {
font-weight: bold;
text-shadow: 0 0 1px #000;
}
然后在HTML标签中添加<strong>标签，如：
<p><strong>这是二次加粗并加边框的文字</strong></p>
效果如下：
这是二次加粗并加边框的文字
但是使用text-shadow属性有一个缺点，就是它只能添加单层边框，无法实现多层边框的效果。如果我们要实现多层边框怎么办呢？这时候我们可以使用outline属性来实现。
我们可以使用<strong>标签将文字进行一次加粗，然后使用outline属性为文字添加多层边框，如下所示：
strong {
font-weight: bold;
outline: 1px solid #000,
2px dotted #F00;
}
然后在HTML标签中添加<strong>标签，如：
<p><strong>这是二次加粗并加边框的文字</strong></p>
效果如下：
这是二次加粗并加边框的文字
5. 总结
至此，我们已经学会了如何使用CSS将文字二次加粗并加上边框修饰。如果需要单层边框，则可以使用text-shadow属性，如果需要多层边框，则可以使用outline属性。同时，我们还可以结合<strong>标签将文字进行一次加粗，让效果更加突出。
样式是网页设计中的重要部分，如果掌握了这个技巧，则可以为网页的美观程度加分不少。