Tab控件css样式布局

<div style="width:500px;position:relative;padding:0;margin:0;border-width:0;line-height:100%;padding-top:50px;">
            <div style="border:1px solid gray;height:100%;width:100%; background-color:White;">
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />

            </div>
            <div style="margin:0;padding:0;position:absolute;top:0;">
                <div style="width:70px;height:49px;margin-left:15px;margin-right:5px;float:left;border:1px solid gray; border-bottom:1px solid white;padding:0;">
                </div>
                <div style="width:70px;height:49px;margin-right:5px;float:left;border:1px solid gray;padding:0;">
                </div>
                <div style="width:70px;height:49px;margin-right:5px;float:left;border:1px solid gray;padding:0;">
                </div>
            </div>
        </div>

 

一个简单的Tab控件样式及布局。

转载于:https://www.cnblogs.com/nanfei/archive/2013/04/12/3017201.html