如何为iframe添加边框？WordPress无独立CSS实现内容边框方法

嘿，我来帮你搞定这两个问题，都是很基础的操作，对你来说应该不难上手！

给iframe加边框有两种简单的方式，推荐用更规范的第二种：

• HTML属性法（兼容但略过时）：直接在iframe标签里加border属性，数值就是边框的像素宽度，比如：

  <iframe src="你的页面链接" border="2"></iframe>
  

  不过这个属性在HTML5里已经被标记为过时了，虽然大部分浏览器还能识别，但更推荐下面的内联CSS方法。
• 内联CSS法（规范推荐）：用style属性直接写边框样式，灵活性更高，能控制边框的样式、颜色和宽度，比如：

  <iframe src="你的页面链接" style="border: 2px solid black;"></iframe>
  

  这里2px是边框宽度，solid代表实线边框（还可以换成dashed虚线、dotted点线），black是边框颜色，你可以根据需求调整这些值。

不用单独的CSS文件的话，内联CSS就是最适合你的方案，直接把样式写在HTML标签里就行，WordPress的编辑器完全支持，分两种编辑器情况给你说：

1. 如果你用的是古腾堡（块编辑器） #

• 方法一：选中要加边框的内容区块（比如段落、图片、自定义HTML块），点击右侧面板的「高级」选项，在「内联样式」输入框里直接写：

  border: 1px solid black;
  

  保存后就能看到边框效果了。
• 方法二：如果是自定义内容，你可以插入一个「自定义HTML」块，把内容用<div>或<p>标签包裹，加上style属性，比如：

  <div style="border: 1px solid black;">
    这里是你要加边框的内容，不管是文字、图片还是其他元素都可以放进来
  </div>
  

2. 如果你用的是经典编辑器 #

切换到「文本」模式（别用可视化模式），把需要加边框的内容用标签包裹，同时加上style属性，比如：

• 给段落加边框：

  <p style="border: 2px solid black;">这是一段带边框的文字</p>
  

• 给图片加边框：

  <img src="你的图片链接" style="border: 1px solid black;" alt="图片描述">
  

这样操作完全不需要额外的CSS文件，直接在编辑内容的时候就能搞定，对你这种编程基础的新手来说非常友好～

内容的提问来源于stack exchange，提问作者simple mind