如何创建内含文本的自定义框？

时间：2021-02-10 作者：rfloc

我想把我的数学笔记放到Wordpress的博客上。我总是用页数写笔记，它们的格式如下：

enter image description here

是否可以在Wordpress帖子中复制上述格式？

不幸的是，我不知道CSS或HTML。我在Wordpress中唯一能做的就是：

enter image description here

对我来说，最重要的是用一个盒子来界定一个定理及其证明。此外，我想强调定理的陈述与其证明的关系。

感谢您的关注！

<小时/>

EDIT:

以下是我根据Valter Ekholm的答案找到的解决方案：

<div style="border: 1.5px solid black; background-color:#f0f0f0">
    
   <b>THEOREM 1:</b> [...]
   <br>

   <p style="background-color:#FFFFFF"> 
       <b>Proof:</b><br>
   
       [...]

       <br><br>
   </p>
</div>
使用上述代码，可以得到以下结果：

enter image description here

1 个回复
最合适的回答,由SO网友:Valter Ekholm 整理而成

在页面编辑器中，切换到代码编辑器。现在您的文本将位于标记中。。。可能是<p> 标签

将css添加到标记中，使其显示：

<p style="border: 1px solid gray"> ... </p>
当前，要切换到代码编辑器，请单击屏幕/窗口右上方的3点菜单按钮，然后；代码编辑器；。

标签： custom-post-types   posts   小码农  

相关推荐

如何忽略Pre_Get_Posts中的帖子？

我正在使用pre_get_posts 并寻找在主查询中排除帖子的方法。我正在使用query_vars 从特定类别查询帖子，并寻找在主查询中排除这些帖子的解决方案。我的代码：// function to setup query_vars function ctrl_dly_podcast( $query_vars ){ $query_vars[] = \'ctrl_podcasts_status\'; return $query_vars; } add_fil