巧用CSS为文本添加精准边框

想为文本内容单独添加边框，而不是整个段落的边框？ CSS 的 outline 属性可以完美解决这个问题。

outline 属性能为元素绘制一个边框，但它只作用于元素的实际内容区域，不会影响元素的整体外框尺寸。

要为文本创建包裹边框，只需将文本包含在一个内联元素中，例如 <span></span> 元素。

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

立即学习“前端免费学习笔记（深入）”；

示例代码如下：

<code class="css">span {
  outline: 2px solid red;
}</code>

<code class="html">欣赏完示例图片，我们来看看代码</code>

通过这种方法，您可以为文本添加精准的包裹边框，而不会影响周围段落的布局。