案例
文章转载,请注明出处 H-ui前端框架,网址http://www.h-ui.net/
这里面显示案例
HTML
SCSS
CSS
<div class="codeView hui-docs-example">这里面显示案例 </div>
.hui-docs-example { position: relative; *position: static; *padding-top: 19px; margin: 15px 0; padding: 39px 19px 14px; background-color: #fff; border: 1px solid #ddd; @include borderRadius(4px); &:after { content: "Example"; position: absolute; top: -1px; left: -1px; *position: static; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; @include borderRadius(4px 0); } }
.hui-docs-example { position: relative; *position: static; *padding-top: 19px; margin: 15px 0; padding: 39px 19px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; } .hui-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; *position: static; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; border-radius: 4px 0; }