/*Global style settings*/Body,ul,li,h4,a{margin:0; Padding0;} Ul,li,ol{list-Style:none;} a:link,a:visited{color:#444; text-Decoration:none;} a:hover{color:red;} Img{border:0;} body{Background:green; Font-size:12px; color:#444; Font-family:arial, song body; Background: #ccc URL (.../images/bg-body.gif) repeat-x; }.box{width:1000px;height:500px; margin:0px Auto;} #red {color:red;} /*Top*/. top{height:27px; Line-height:27px;}. Top span{float: Left;color: #01c47c}. Top ul{float: Right;} . Top li{float: Left;} A{border-right:1px Dotted #444;p adding:08px;} #noline {border:noline;}/*logo*/. logo{height:122px;}. Logo. Div1{width: About; height:99px;float: Left; padding-top:23px;}. Logo. div2{width:400px;height:122px;float: Right;}. Logo. div3{width:360px;height:106px;float: Right; padding-top:16px;} . logo. Div2 h4{color: #0174c7; font-size:28px;}. Logo. Div2 Li{width:79px;height:20px;line-height:20px; Color: #f00; font-size:15px; Background:url (../images/li01.png) No-repeat; padding-left:6px; float: left;padding-right:5px;}<!--menu-->. menu{height:47px; Line-height:47px;border:1px solid #f00;} . menu li{border:1px solid red;float: Left;}. Menu A{color: #fff; font-Weight:bold; width:73px; height:31px; Display:block;text-Align:center; border:1px solid #f00;p adding-top:16px; }.menu A:hover{background:url (../images/menu2.gif) no-Repeat Center Center;} . menu a1{width:90px;}. Menu A1:hover{background:url (../images/menu1.gif) No-repeat;}
<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml"xml:lang="ZH-CN">"Content-type"Content="Text/html;charset=utf-8"/> <title> page title </title> <meta name="keywords"Content="keyword list"/> <meta name="Description"Content="Web Page Description"/> <link rel="stylesheet"Type="Text/css"href="Css/css.css"/> <style type="Text/css"></style> <script type="Text/javascript"></script>class="Box"><!--Top--<divclass="Top"> <span> Professional Training Institutions "Images/hot.gif"></span> <ul> <li><a href="#"> Employment Manifesto </a></li> <li><a href="#"> Registration Process </a></li> <li><a href="#"> Free public lessons </a></li> <li><a href="#"Id="Red"> China Well established </a></li> <li><a href="#"> Free Learning discs </a></li> <li><a href="#"> Original Materials </a></li> <li><a href="#"> Creative Special Edition </a></li> <li><a href="#"> HR Services </a></li> <li><a href="#"Id="NoLine"> Technology Forum </a></li> </ul> </div><!--top over--><!--logo--><divclass="logo"> <divclass="Div1">"Images/logo.gif"></div> <divclass="Div3">"Images/topword.gif"></div> <divclass="Div2"> class="Menu"> <ul> <li><a href="#"> Home </a></li> <li><a href="#" class="A1">php Video Courses </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php Video </a></li> <li><a href="#">php video </a></li> </ul></div><!--menu over--></div></body>Chuan Zhi official website