css

【CSS】ソースコードの記載

ソースコードを記載したい時のサンプルになります。

HTML

<pre class="code_box">
    <code class="code">
var foo = function (bar) {
    return bar++;
};

console.log(foo(5));
    </code>
</pre>

CSS

.code_box {
  margin: 1em 0;
  padding: 1em;
  border-radius: 5px;
  background: #25292f;
  overflow-x: auto;
}

.code {
  display: inline-block;
  padding: 0.1em 0.25em;
  color: #fff;
  font-family: Consolas, Menlo, Monaco, -apple-system, BlinkMacSystemFont, "Segoe UI", Meiryo, monospace;
}

結果

    
var foo = function (bar) {
    return bar++;
};

console.log(foo(5));
    

最後に

特にありません。

© DeNnie.Lab All Rights Reserved.