simple table css

        body{

                background: #eee url(https://t1.daumcdn.net/cfile/tistory/246AE03C56E663212D"s2">;

                font: 13px 'trebuchet MS', Arial, Helvetica;

        }

        h2, p {

                text-align: center;

                color: #444;

                text-shadow: 0 1px 0 #fff;

        }

        #body_content {

                width: 960px;

                margin: auto;

        }

        table {

                font-size:100%;

                border-spacing: 0;

                width: 960;

                background-color:#f5f5f5;

        }

        table.reference {

                border: solid #ccc 1px;

                -moz-border-radius: 6px;

                -webkit-border-radius: 6px;

                border-radius: 6px;

                -webkit-box-shadow: 0 1px 1px #ccc;

                -moz-box-shadow: 0 1px 1px #ccc;

                box-shadow: 0 1px 1px #ccc;

        }

        .reference td, .reference th {

                border-left: 1px solid #ccc;

                border-top: 1px solid #ccc;

        }

        .reference td {

                padding: 3px;

                text-align: left;

        }

        .reference td:first-child, .reference th:first-child {

                border-left: none;

        }

        .reference th {

                padding: 5px;

                text-align: center;

                background-color: #eee;

                background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));

                background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);

                background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);

                background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);

                background-image:      -o-linear-gradient(top, #f5f5f5, #eee);

                background-image:         linear-gradient(top, #f5f5f5, #eee);

                -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

                -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;

                box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

                border-top: none;

                text-shadow: 0 1px 0 rgba(255,255,255,.5);

        }

        .reference th:first-child {

                -moz-border-radius: 6px 0 0 0;

                -webkit-border-radius: 6px 0 0 0;

                border-radius: 6px 0 0 0;

        }

        .reference th:last-child {

                -moz-border-radius: 0 6px 0 0;

                -webkit-border-radius: 0 6px 0 0;

                border-radius: 0 6px 0 0;

        }

        .reference th:only-child {

                -moz-border-radius: 6px 6px 0 0;

                -webkit-border-radius: 6px 6px 0 0;

                border-radius: 6px 6px 0 0;

        }

        .reference tr:last-child td:first-child {

                -moz-border-radius: 0 0 0 6px;

                -webkit-border-radius: 0 0 0 6px;

                border-radius: 0 0 0 6px;

        }

        .reference tr:last-child td:last-child {

                -moz-border-radius: 0 0 6px 0;

                -webkit-border-radius: 0 0 6px 0;

                border-radius: 0 0 6px 0;

        }