自定义TitleView在两侧显示小的白色边框

<style>
  .title-view {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid white; /* 设置边框宽度和颜色 */
    border-radius: 5px; /* 可选：设置圆角 */
  }
</style>

<div class="title-view">自定义标题</div>

<style>
  .title-view {
    position: relative;
    display: inline-block;
    padding: 1rem 2rem;
    border: 0.2rem solid white; /* 使用rem单位 */
    border-radius: 0.5rem;
  }
</style>

<div class="title-view">自定义标题</div>

<style>
  .title-view {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background-color: #f0f0f0; /* 设置背景颜色 */
    border: 2px solid #ffffff; /* 设置边框颜色 */
    border-radius: 5px;
  }
</style>

<div class="title-view">自定义标题</div>