教程 | 简短式留字箱

- Tutorial requested by 小米 -

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

我是效果 ;)

就是以上的留言框框了 ;)

1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2. 添加以下的代码：

<div style="text-align: left; border-radius: 0px; width: 200px; height: 75px;
background: #fff; overflow: auto; padding: 6px; border: 3px double #000000;">
内容在这里
</div>
</div>

3. 保存，即可。

小解释
橙色代码：框框的弧度  *可改
蓝色代码：框框的宽度 / 高度（width: 宽度  | height: 高度）  *可改
紫色代码：框框里面的背景（颜色代码查询 color codes）  *可改
靛色代码：边框的粗度 / 类型 / 颜色  *可改
红色代码：框框的内容，用你的字来替代

提示
♥ 若要添加图片在框框的背景里，将 background: #fff 删除，替代成 background: url(背景网址); 即可。

♥ 若要在内容里添加图片，代码就是 <img src="图片网址">

♥ 若要内容分行，在每一段（要分行的字的后面）添加 <br>