동적으로 생성 된 테이블에 CSS를 추가하는 방법

HTML

<div class="wrapper">
    <div class="profile">
        <div id='entrydata'></div>
    </div>
</div>

자바 스크립트

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$(function() {
    var dmJSON = "data.json";
    $.getJSON(dmJSON, function(data) {
        $.each(data.records, function(i, f) {
            var $table = "<table border=5><tbody><tr>" + "<td>" + f.Clue + "</td></tr>" + "<tr><td>" + f.Answer + "</td></tr>" + "<tr><td>" + f.Status + "</td></tr>" + "<tr><td> " + f.Views + "</td></tr>" + "</tbody>&nbsp;&nbsp;&nbsp;</table>"
            $("#entrydata").append($table)
        });
    });
});
</script>

위의 코드는 테이블을 동적으로 만들고 JSON 파일의 데이터를 표시합니다. 이 테이블에 CSS (Table border color, table bg color, font size, font-family etc.)를 적용하고 싶습니다. 이것에 대한 모든 해결책이 도움이 될 것입니다. 미리 감사드립니다.