CSS小知识

行内元素以块级元素显示，显示在一行内必需将行内元素嵌在其它元素中

 

<div id="container">
 <div id="banner"><img src="images/banner.jpg"></div>
 <div id="globallink">
  <ul>
   <li><a href="#">首页</a></li>
   <li><a href="#">新疆简介</a></li>
   <li><a href="#">风土人情</a></li>
   <li><a href="#">吃在新疆</a></li>
   <li><a href="#">路线选择</a></li>
   <li><a href="#">自助行</a></li>
   <li><a href="#">摄影摄像</a></li>
   <li><a href="#">游记精选</a></li>
   <li><a href="#">资源下载</a></li>
   <li><a href="#">雁过留声</a></li>
  </ul>
  <br>
 </div>

 

 

 

 

body{
 background-color:#2286c6;
 margin: 0px;
 padding:0px;
 text-align:center;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
}
#container{
 position:relative;
 margin:0px auto 0px auto;
 width:780px;
 text-align:left;
}
div br{
 display:none;
}
#globallink{
 margin:0px; padding:0px;
}
#globallink ul{
    list-style:none;
 padding:0px; margin:0px;
}
#globallink li{
 float:left;
 text-align:center;
 width:78px; 
}
#globallink a{
 display:block;
 padding:9px 6px 11px 6px;
 background:url(images/button1.jpg) no-repeat;
 margin:0px;
}
#globallink a:link, #globallink a:visited{
 color:#004a87;
 text-decoration:underline;
}
#globallink a:hover{
 color:#FFFFFF;
 text-decoration:underline;
 background:url(images/button1_bg.jpg) no-repeat;
}