Word文字外加框效果

<!-- HTML -->
<span class="style1">文字内容</span>

/* CSS */
.style1 {
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid #3498db;
  border-radius: 5px;
  font-weight: bold;
  color: #2980b9;
}