bootstrap源码解析-code

作者: 梁王io | 来源:发表于2017-04-29 23:08 被阅读215次

    code部分源码解析(不含kdb)

    code(已转成css)

    code {
      padding: 2px 4px;
      font-size: 90%;
      color: #c7254e;
      background-color: #f9f2f4;
      border-radius: 3px;
    }
    

    效果图

    code效果图

    pre(已转成css)

    pre {
      display: block;
      padding: 9px;
      margin: 0 0 20px;
      font-size: 13px;
      line-height: 1.428571429;
      word-break: break-all;
      word-wrap: break-word;
      color: lighten(#000, 20%);
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 3px;
    }
    

    效果图

    pre效果图

    其他

    bootstrap里面对于pre里面嵌code做了一些处理,这里就不细说了

    总结

    样式都挺简单的,没什么太值得细说的

    相关文章

      网友评论

        本文标题:bootstrap源码解析-code

        本文链接:https://www.haomeiwen.com/subject/flsttxtx.html