案例

文章转载，请注明出处 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;
}