Practical Label Effect _css/html

<style type= "Text/css" > body{font-size:12px;line-height:150%;} table{font-size:12px;line-height:150%;} A: link {color: #000; Text-decoration:none} a:visited {color: #000; Text-decoration:none} a:active {color: #000; Text-decoration:none} a:hover {color: #ff0000; Text-decoration:underline}. S01 {border: #6BA6DE 1px solid; border-bottom : 0px; Background: #eff7ff; PADDING-TOP:1PX}. S02 {border: #ffffff 1px solid; Border-bottom: #6BA6DE 1px solid; background: #ffffff;} </style> &L T;table width= "247" border= "0" cellpadding= "0" cellspacing= "0" id= "sectable" > <tr align= "center" > <td id= " Cl01 "width=" "class=" S01 "onclick=" Secboard (1); "style=" Cursor:hand "> tab 1</td> <td id=" cl02 "width=" 60 "Class=" S02 "onclick=" Secboard (2); "style=" Cursor:hand "> tab 2</td> <td id=" cl03 "width=" "class=" S02 " Onclick= "Secboard (3);" style= "Cursor:hand" > tab 3</td> <td id= "cl04" width= "class=" S02 "" onclick= " Secboard (4); "style=" Cursor:hand "> tab 4</td> &LT;TD width= "7" class= "S02" > </td> </tr> </table> <table width= "247" height= "$" style= "border: #6BA6DE 1px solid; border-top:0px; " > <tr> &LT;TD height= > This can also be fixed to something, if you want to add, remove the comment symbol </td> </tr> <tr> <td valign= "Top" Style= "PADDING-TOP:5PX;" > This inside can put what you need, if there are more than one tab can modify the code can be the specific size of your own tune, I do this is very obvious, note the table above and the table width below, the following table is the height of the random change, it is best to manually modify this code, that is, do not use DW and other tools to resize All the style ah what, you can change yourself, do not understand the Ask me again hey, specifically for ... Design production </td> </tr> </table>
[Ctrl + A full selection Note: If you need to introduce external JS need to refresh to execute]

