1. 爱易网页
  2. HTML教程
  3. 小弟我这个怎么固定列宽并把表线变成兰

小弟我这个怎么固定列宽并把表线变成兰

日期：2014-05-17　 浏览次数：20921 次

我这个如何固定列宽并把表线变成兰
下面是我程序的代码，如何：
1，让这里的表格的最左列（一共就两列）的宽度固定死，不因内容改变宽度
2，如何让表格改成像CSDN这样的细兰线，它的固有表线很难看

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
  <title>Repeater.DataSourceID Property Example</title>
  <style type="text/css">
  .style2
  {
  height: 30px;
  width: 313px;
  }
  .style3
  {
  width: 313px;
  }
  </style>
</head>

  <body>
  <form id="Form1" runat="server">

  <h3>Repeater.DataSourceID Property Example</h3>

  <asp:repeater id="Repeater1"  
  datasourceid="SqlDataSource1"
  runat="server">

  <headertemplate>

  </headertemplate>

  <itemtemplate>

  <table style="width:50%;" border="2">
  <tr>
  <td align="center" rowspan="3" valign="top" width="200">
  <%# Eval("id")%>
  <%# Eval("年级")%></td>
  <td class="style2" width="200">
  <%# Eval("教师姓名")%></td>
  </tr>
  <tr>
  <td class="style3">
  <%# Eval("文章")%></td>
  </tr>
  <tr>
  <td class="style3">
  <%# Eval("任课班级")%></td>
  </tr>
  </table>
  </itemtemplate>

  <footertemplate>

  </footertemplate>
  </asp:repeater>

  <asp:sqldatasource id="SqlDataSource1"  
  connectionstring="<%$ ConnectionStrings:kaoheConnectionString %>" 
  selectcommand="SELECT * FROM [fengong]"
  runat="server">
  </asp:sqldatasource>

  </form>  
  </body>
</html>


------解决方案--------------------
CSS code

table {
    table-layout:fixed;
    border-collapse: collapse;
}
table, td {
    border: 1px solid #0000FF;
}

相关资料更多>

  1. 一个link标签摘引多个外部样式，这样写是有什么好处吗
  2. css有关问题,ie6上有时候边框断断续续bug的解决l办法
  3. css 3D翻转图片动画片
  4. Css中星号，上划线，import的含义
  5. 请教dreamweaver有没有代码整行上移一行的命令
  6. html中的meta标记（对seo很有相助）
  7. HTML网页图片标志<IMG>学习教程
  8. 刚刚学extjs 导入文件的时候 一直报错 求大神解决
  9. ie6下的span的高度有关问题，头疼