(016)layout_图片定义li项目符号

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <title>li_image.html</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
    <style type="text/css">
        #layout ul{list-style:none;}
        #layout ul li {background:url(../image/logo.jpg) no-repeat 0 6px; padding-left:25px; height:25px; line-height:25px;}
    </style>
  </head>
  
  <body>
        <div id="layout">
            <ul>
                <li><a title="第五天 超链接伪类" href="#" target="_blank">第五天 超链接伪类</a></li>
                <li><a title="第四天 纵向导航菜单" href="#" target="_blank">第四天 纵向导航菜单</a></li>
                <li><a title="第三天 二列和三列布局" href="#" target="_blank">第三天 二列和三列布局</a></li>
                <li><a title="第二天 一列布局" href="#" target="_blank">第二天 一列布局</a></li>
                <li><a title="第一天 XHTML CSS基础知识" href="#" target="_blank">第一天 XHTML CSS基础知识</a></li>
            </ul>
        </div>
  </body>
</html>

 

posted @ 2015-01-30 11:34  雪中飞雁  阅读(122)  评论(0)    收藏  举报