如何在readthedocs.org？

Question

我想知道readthedocs.org中的特殊文本框是如何制作的。

例如：

我认为不仅仅是调整css文件，而且我真的想自己创建一个文件。

提前致谢！

编辑：我知道整个框来自note指令。但是，我的问题是：他们怎么做到这个“！”标记？我找不到css文件中的线索。

Answer 1

它是FontAwesome icon

＆＃13;

＆＃13;

div {
  background-color: skyblue;
  padding: 3px 10px;
}
.fa-exclamation-circle {
  color: white;
}
span {
  color: white;
  margin-left: 6px;
}

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" />

<div>
  <i class="fa fa-exclamation-circle" aria-hidden="true"></i>
  <span>Note</span>
</div>

＆＃13;

＆＃13;

＆＃13;