tab content 01# >> css

<style type="text/css">
.container{ /* maga a táblázat */
            width: 450px; /* szélesség */
            margin: 0 auto;
        }

        ul.tabs{
            margin: 0px;
            padding: 0px;
            list-style: none;
        }
        ul.tabs li{ /* tabok kinézete */
            background: none;
            color: #0c0c0c;
                        font-family: georgia;
                        font-size: 8pt;
                        font-style: italic;
            display: inline-block;
            padding: 5px 7px;
            cursor: pointer;
        }

        ul.tabs li.current{ /* jelenlegi tab */
            background: #ebebeb;
            color: #0c0c0c;
                        font-family: georgia;
                        font-size: 8pt;
                        font-style: italic;
                        border-top: 4px solid #0c0c0c;
        }

        .tab-content{ /* tartalom */
            display: none;
            background: #ebebeb;
                        font-family: trebuchet ms;
                        font-size: 12px;
                        line-height: 16px;
            padding: 7px;
                        border-bottom: 4px solid #0c0c0c;
        }

        .tab-content.current{
            display: inherit;
        }</style>