
巧用CSS为文本添加精准边框
想为文本内容单独添加边框,而不是整个段落的边框? CSS 的 outline 属性可以完美解决这个问题。
outline 属性能为元素绘制一个边框,但它只作用于元素的实际内容区域,不会影响元素的整体外框尺寸。
要为文本创建包裹边框,只需将文本包含在一个内联元素中,例如 元素。
JTBC CMS(5.0) 是一款基于PHP和MySQL的内容管理系统原生全栈开发框架,开源协议为AGPLv3,没有任何附加条款。系统可以通过命令行一键安装,源码方面不基于任何第三方框架,不使用任何脚手架,仅依赖一些常见的第三方类库如图表组件等,您只需要了解最基本的前端知识就能很敏捷的进行二次开发,同时我们对于常见的前端功能做了Web Component方式的封装,即便是您仅了解HTML/CSS也
立即学习“前端免费学习笔记(深入)”;
示例代码如下:
span {
outline: 2px solid red;
}
欣赏完示例图片,我们来看看代码
通过这种方法,您可以为文本添加精准的包裹边框,而不会影响周围段落的布局。









