用div+css制作表格的问题

<html>
  <head></head>
  <body>
    <ul>
    <li  id="test" style="background-color:red;">aaaaaaaaaaa</li><li>bbbbbbbbbb</li><li>cccccccccccc</li><li>dddddddddd</li>
    </ul>
    <script type="text/javascript">
    document.getElementById("test").onclick=function(){
      this.style.backgroundColor="blue";
       this.style.color="blue";
    }

    </script>

  </body>
</htmL>