最简方案是用内联style给p标签加border和padding，如<p style="border: 1px solid #ccc; padding: 8px;">这是带边框的段落</p>，其中border需同时指定宽、型、色，padding确保文字与边框间有可读留白。
怎么用纯HTML给段落加边框
直接用 <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屏上几乎看不见留白：
<p style="border: 1px solid #ccc; padding: 8px;">这是带边框的段落</p>
兼容性和常见翻车点
IE8+ 和所有现代浏览器都支持这个写法，但注意两个坑：
立即学习“前端免费学习笔记（深入）”；
- 不要用
border-radius混在里面——极简场景下圆角不是必须，且旧版安卓 WebView 对border-radius渲染异常 - 避免用
margin替代padding——段落外边距会影响上下元素间距，容易引发布局错位 -
border默认不继承，子元素（比如<strong>）不会自动带边框，这点和预期一致，不必额外处理
真要改颜色或粗细，直接换 border 值就行，不用动结构。边框本质是绘制在内容区域外侧的，所以 padding 控制的是文字到边框的距离，这个边界感得亲手调一次才记得住。
