簡単な表スタイル学習

2491 ワード

table{
	border:1px solid rgb(139,181,130);
	font-size:14px;
    table-layout:fixed;
    empty-cells:show; 
    border-collapse: collapse;
    margin:3px ;
}

*{
	word-wrap:break-word;
}

table.t1{
    border:1px solid #cad9ea;
    color:#666;
}
/*        */
table.t1 td,table.t1 th{
    border:1px solid #cad9ea;
    padding:0;
   text-align:center;
    
    white-space:nowrap;
    text-overflow:ellipsis;
    word-break:normal;
    overflow:hidden;
}


	<table border="1" width="100%"  class="t1">
		<tr>
			<th width="3%">id</th>
			<th width="10%"> </th>
			<th width="5%"> </th>
			<th width="7%"> </th>
			<th width="8%"> </th>
			<th width="8%"> </th>
			<th width="8%">Email</th>
			<th width="8%"> </th>
			<th width="13%"> </th>
			<th width="13%"> </th>
			
		</tr>
	 
	 	<tr valign="top">
		 	<td title="">${agent.id }</td>
		 	<td title="">${agent.companyName }</td>
		 	<td title="">${agent.connectPerson}</td>
		 	<td title="">${agent.phone }</td>
		 	<td title="<fmt:formatDate value="${agent.joinDate}" pattern="yyyy-MM-dd HH:mm:ss"/>" >
		 		<fmt:formatDate value="${agent.joinDate}" pattern="yyyy-MM-dd HH:mm:ss"/>
		 	</td>
		 	
		 	<td title="">${agent.address }</td>
		 	<td title="" onclick=""></td>
		 	<td title="" onclick=""></td>
		 	<td title="" onclick=""></td>
		 	<td title="" onclick=""></td>

		 	
	 	</tr>
	 	 
  
	 </table>


	<div id="floatBoxBg" style="background-color:black;position:absolute;top:0px;left:0px;display:none;filter:alpha(opacity=20);opacity:0.2;;width:100%;z-index:99"></div>