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

时间: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点菜单按钮,然后;代码编辑器;。

相关推荐

如何忽略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