element ui 文字边框

Element UI 提供了两种行高样式，分别定义在 `packages/theme-chalk/src/common/var.scss` 文件中：
- `--font-line-height-primary: 24px` 是主要行高样式；
- `--font-line-height-secondary: 16px` 是次要行高样式。

Element UI 还提供了几种常用的投影方式，定义在 `packages/theme-chalk/src/common/var.scss` 文件中：
- `--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)` 是基础投影样式；
- `--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12)` 是深色投影样式；
- `--box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1)` 是浅色投影样式。

如果您想在 Element UI 中使用文字边框，可以通过使用相应的图标样式来实现。例如，在代码中使用 `<i class="el-icon-edit"></i>` 可以显示一个编辑图标，`<i class="el-icon-share"></i>` 可以显示一个分享图标，`<i class="el-icon-delete"></i>` 可以显示一个删除图标。同时，您还可以在按钮中使用图标，例如 `<el-button type="primary" icon="el-icon-search">搜索</el-button>` 可以在按钮中显示一个带搜索图标的文本。

这些图标是利用 IconFont 技术实现的，定义在 `packages/theme-chalk/src/icon.scss` 文件中。具体的实现方式包括：
- 引入名为 `element-icons` 的字体文件；
- 设置字体的样式和显示方式；
- 定义不同图标对应的 `content` 属性。

通过以上的方式，您可以在 Element UI 中实现带有文字边框的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>