<Br/> <style> body {font-size: 12px; font-family:} ul. tabBarLevel1 {list-style: none; margin: 0; padding: 0; height: 29px; background-image: url (http://pics.taobao.com/2k5/sys/component/tabbar_level1_bk.gif);} ul. tabBarLevel1 li {float: left; padding: 0; height: 29px; margin-right: 1px; background: url (http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_left_bk.gif) left top no-repeat;} ul. tabBarL Evel1 li a {display: block; line-height: 29px; padding: 0 20px; color: #333; background: url (http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_right_bk.gif) right top no-repeat; white-space: nowrap;} ul. tabBarLevel1 li. selected {background: url (http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_left_bk.gif) left top no-repeat;} ul. tabBarLevel1 li. selected a {background: ur L (http://pics.taobao.com/2k5/sys/component/tabbar_level1_slice_selected_right_bk.gif) right top no-repeat ;}</p> <p> ul. tabBarLevel1 li a: link, ul. tabBarLevel1 li a: visited {color: #333;} ul. tabBarLevel1 li a: hover, ul. tabBarLevel1 li a: active {color: # F30; text-decoration: none;} ul. tabBarLevel1 li. selected a: link, ul. tabBarLevel1 li. selected a: visited {color: #000;} ul. tabBarLevel1 li. selected a: hove R, ul. tabBarLevel1 li. selected a: active {color: # F30; text-decoration: none;} div. hackBox {padding: 2px 2px; border-left: 2px solid # 6697CD; border-right: 2px solid # 6697CD; border-bottom: 2px solid # 6697CD ;} </p> </style> <ul class = "TabBarLevel1" id = "TabPage1"> <li id = "Tab1"> baby details </li> <li id =" tab2 "class =" Selected "> Other Information </li> <li id =" Tab3 "> bid record </li> <li id =" Tab4 "> message book </li> </ul> the code is as follows: <br/> <! -- Put the information here --> <br/> Hahahaha <p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
