Syntax Highlighter Code

  • Results
  • Code
<div class="batas">
  <table>
    <tr>
      <td>Nama</td>
      <td>Tipe</td>
      <td>Versi</td>
    </tr>
    <tr>
      <td>Berkas kita</td>
      <td>Free</td>
      <td>1.0.1</td>
    </tr>
    <tr>
      <td>Old Thema</td>
      <td>Free</td>
      <td>3.0.5</td>
    </tr>
    <tr>
      <td>Berkas Anime</td>
      <td>Premium</td>
      <td>8.0.1</td>
    </tr>
  </table>
</div>
    
/* SYNTAX HIGHLIGHTER */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500);

body {
    background-color: #007aff;
    color: #fff;
    font-size: 100%;
    line-height: 1.5;
    font-family: "Roboto", sans-serif;
}

.button {
    font-weight: 300;
    color: #fff;
    font-size: 1.2em;
    text-decoration: none;
    border: 1px solid #efefef;
    padding: .5em;
    border-radius: 3px;
    float: left;
    margin: 6em 0 0 -155px;
    left: 50%;
    position: relative;
    transition: all .3s linear;
}

.button:hover {
    background-color: #007aff;
    color: #fff;
}

p {
    font-size: 2em;
    text-align: center;
    font-weight: 100;
}
function myFunction() {
    var element = document.getElementById("myDIV");
    element.classList.add("mystyle");
}
<pre data-code="html"><code> [Tag di disini] </code></pre>
<pre data-code="css"><code> [Tag di disini] </code></pre>
<pre data-code="javascript"><code> [Tag di disini] </code></pre>
:root {
  --border-radius-1: 0.4rem;
  --color-primary: #7380ec;
  --color-white: #fff;
  --color-info-light: #dce1eb;
  --color-dark: #363949;
}
.tabs{margin-bottom:1rem}
ul.tabs_Rasgane{list-style:none}
ul.tabs_Rasgane li{margin:0;display:inline-block;padding:0.3rem 1rem;color:var(--color-dark);background:var(--color-white);border-top-right-radius:var(--border-radius-1);border-top-left-radius:var(--border-radius-1);font-weight:600;cursor:pointer}
ul.tabs_Rasgane li.active{background:var(--color-primary);color:var(--color-white)}
.tab_content{display:none;padding:0.5rem;background:var(--color-white);border-bottom-left-radius:var(--border-radius-1);border-bottom-right-radius:var(--border-radius-1);box-shadow:var(--box-shadow)}
.tab_content.active{display:block}

Comments