辅助元素
辅助元素是指对 blockquote,fieldset,hr 等标签的美化,主要是静态展示作用。
引用
- Preview
- Code
这个是引用内容
这个是引用内容
这个是引用内容
这个是引用内容
这个是引用内容
<blockquote class="bny-blockquote">
这个是引用内容
</blockquote>
<blockquote class="bny-blockquote" color="green">
这个是引用内容
</blockquote>
<blockquote class="bny-blockquote" color="yellow">
这个是引用内容
</blockquote>
<blockquote class="bny-blockquote" color="red">
这个是引用内容
</blockquote>
<blockquote class="bny-blockquote" color="blue">
这个是引用内容
</blockquote>
字段集
- Preview
- Code
内容写在外面
<fieldset class="bny-fieldset">
<legend>标题</legend>
<div class="box">
任意内容
</div>
</fieldset>
<br>
<fieldset class="bny-fieldset-title">
<legend>仅显示标题水平线</legend>
</fieldset>
<div>内容写在外面</div>
分割线
- Preview
- Code
<hr>
<hr color="green">
<hr color="yellow">
<hr color="red">
<hr color="blue">
API
CSS 类
| 类名 | 说明 |
|---|---|
bny-blockquote | 引用块,左侧粗边框,支持 color 属性 |
bny-fieldset | 字段集容器,带圆角和 legend |
bny-fieldset-title | 无边框字段集,仅保留顶部横线 + legend |
hr | 全局分割线,支持 color 属性 |