/* 표 만들기 */
        .article {
            padding: 2vw 0;
            line-height: 1.6;
        }
        .article h2 {
            font-weight: normal;
            margin-bottom: 10px;
        }
        .article p {
            margin-bottom: 10px;
        }
        .article .table {
            width: 100%;
            border-spacing: 0;
            border-collapse: collapse;
            margin-bottom: 10px;
        }
        .article .table tr th{
            border: 1px solid #dedede;
            padding: 10px;
            font-weight: normal;
            background-color: #f5f5f5;
            
        }
        .article .table tr td{
            border: 1px solid #dedede;
            padding: 10px;
        }
        .article .table .center{
            text-align: center;
        }
        .article .box{
            background-color: #f5f5f5;
            padding: 15px;
        }

☆드라큘라만들기 = 자바스크립트폴더에 ㄱㄱ >

<link rel="stylesheet" href="assets/css/dracula.css">
    <script src="<https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.6.0/highlight.min.js>"></script>

<pre><code class="language-js">{
    var x = 100; //변수 x 저장소에 숫자 100을 저장함
    var y = 200; //변수 x 저장소에 숫자 200을 저장함
    var z = "javascript" //변수 z 저장소에 문자열 "javascript"를 저장함

    document.write("01. 변수");
    document.write(x);
    document.write(y);
    document.write(z);
}
</code></pre>

<script>hljs.highlightAll();</script>
    <script>

css폴더 > assets폴더에 >드라큘라.css 생성후 소스 넣어주기

pre code.hljs {

display: block;

overflow-x: auto;

padding: 20px;

font-family: 'NexonLv1Gothic';

line-height: 1.6;

margin-bottom: 20px;

border-radius: 5px;

}code.hljs {

padding: 3px 5px

}.hljs {