html - 浏览器中不显示 CSS 样式

Question

我正在为网站设计自定义表格。在 Dreamweaver 中，Design 选项卡显示了我想要的内容，但在 Live 选项卡中没有边框和可见的东西。我试图找到解决方案，我可能忽略了一些东西，但我还找不到解决方案。我在这里发布代码:

CSS

#tableData{
    font-family:Verdana, Geneva, sans-serif;
    font-size:16px;
    color:#09F; 

    padding-bottom:25px;
    padding-top:10px;

    border-bottom:thin;
    border-bottom-color:#09F;


}        


table{
    width:600px;
    border: 1px solid #666;
}


li{
    list-style:none;
    height:22px;
    border-bottom:1px;
    border-bottom-color:#09F;
}


#tableHeading{
    font-family:Arial;
    font-size:32px;
    color:#666; 
    padding:10px;
    float:left;
    padding-right:500px;
    border-left:thick;
    border-right:thick;
    border-left-color:#09F;
    border-right-color:#09F;

}  

HTML

   <tr>
    <td id="tableData">
         <ul>
             <li>Android</li>
             <li>abced </li>
             <li>xyz</li>
         </ul>
   </td>
  </tr>

在设计 View 中:

在实时 View 中(浏览器):

我做错了什么？我该如何解决？

问候

Answer 1

替换

border-left:thick;
border-right:thick;
border-left-color:#09F;
border-right-color:#09F;

通过

border-left:thick solid #09F;
border-right:thick solid #09F;