css怎么控制php的echo输出样式

Question

本帖最后由 reset3721 于 2011-02-16 22:44:53 编辑

Answer 1

<style type="text/css">
ul{list-style:none;} 
.Lfgbar { float:left;  PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://images.vancl.com/header/20100902/nav0827_04.jpg) no-repeat 60px -10px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 30px }
</style>
<ul>
 <li  class="Lfgbar"><a href="http://baidu.com">百度啊</a></li>
 <li  class="Lfgbar"><a href="http://baidu.com">百度啊</a></li>
 <li  class="Lfgbar"><a href="http://baidu.com">百度啊</a></li>
<?php
$linkname=array("谷歌啊","雅虎啊","网易啊","新浪啊");
$linkurl=array("http://www.google.com.hk/","http://cn.yahoo.com/","http://www.163.com/","http://www.sina.com.cn/");
for($i=1;$i<4;$i++){
echo "<li  class=\"Lfgbar\"><a href=\"".$linkurl[$i-1]."\">".$linkname[$i-1]."</a></li>\n";
}
?>
</ul>注意样式里面背景的位置，如果li不够宽，就显示不出来了。

Answer 2

<style type="text/css">
.Lfgbar {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://images.vancl.com/header/20100902/nav0827_04.jpg) no-repeat center center; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 30px
}</style>
 <UL>
   <LI>
    <?php
      $_MODULE = array('LinkName_0'=>"微软",'LinkName_1'=>"新浪",'LinkName_2'=>"百度");      for ( $i = 0; $i < 4; $i++ ) {
        if ( $_MODULE['LinkName_' . $i] ) {
          echo '<a target="_blank" href="'. $_MODULE['carousel_link_' . $i] .'">'. $_MODULE['LinkName_' . $i] .'</a>'."<span class='Lfgbar'></span>";
        }
      }
    ?>
  </LI>
  </LI></UL></DIV>

Answer 3

<style type="text/css">
.Lfgbar {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://images.vancl.com/header/20100902/nav0827_04.jpg) no-repeat center center; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 30px
}</style>
 <UL>
   <LI>
    <?php
      $_MODULE = array('LinkName_0'=>"微软",'LinkName_1'=>"新浪",'LinkName_2'=>"百度");      for ( $i = 0; $i < 4; $i++ ) {
        if ( $_MODULE['LinkName_' . $i] ) {
          echo '<a target="_blank" href="'. $_MODULE['carousel_link_' . $i] .'">'. $_MODULE['LinkName_' . $i] .'</a>'."<span class='Lfgbar'></span>";
        }
      }
    ?>
  </LI>
  </LI></UL></DIV>