最简方案是用内联style给p标签加border和padding，如这是带边框的段落，其中border需同时指定宽、型、色，padding确保文字与边框间有可读留白。

怎么用纯HTML给段落加边框

直接用 <p></p> 标签本身不带边框，必须配合内联 style 或外部CSS。最简方案就是写一行带 border 的内联样式，不用额外文件、不用class、不依赖框架。

边框样式写法别漏这三项

只写 border: 1px solid #000 是最稳妥的写法，缺一不可：

• 1px —— 线宽，写 thin 浏览器渲染不一致，0 或空值会失效
• solid —— 线型，dashed 或 dotted 在某些缩放下可能断线
• #000 —— 颜色，不能只写 border: 1px solid，否则边框不显示

为什么加 padding 很关键

没加 padding 时文字会紧贴边框，视觉拥挤且可读性差。加 padding: 8px 是最小可用值，再小（如 2px）在高DPI屏上几乎看不见留白：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

<p style="border: 1px solid #ccc; padding: 8px;">这是带边框的段落</p>

兼容性和常见翻车点

IE8+ 和所有现代浏览器都支持这个写法，但注意两个坑：

• 不要用 border-radius 混在里面——极简场景下圆角不是必须，且旧版安卓 WebView 对 border-radius 渲染异常
• 避免用 margin 替代 padding——段落外边距会影响上下元素间距，容易引发布局错位
• border 默认不继承，子元素（比如 <strong></strong>）不会自动带边框，这点和预期一致，不必额外处理

真要改颜色或粗细，直接换 border 值就行，不用动结构。边框本质是绘制在内容区域外侧的，所以 padding 控制的是文字到边框的距离，这个边界感得亲手调一次才记得住。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！