css制作表格

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>table</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		table{
			width: 100%;
			height: 120px;
			margin:10px auto 0;
			table-layout: fixed;
			border-collapse: collapse;
			color: blue;
		}
		table,table tr,table td{
			border:1px solid #ccc;
		}
		table td{
			width:11%;
			text-align: center;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
	</style>
</head>
<body>
	<table>
		<tr>
			<td>沃普丰(well-phone)</td>
			<td>广信</td>
			<td>华硕(ASUS)</td>
			<td>蓝魔(Ramos)</td>
			<td>CAPPU</td>
			<td>华度(huadu)</td>
			<td>E XUN</td>
			<td>美翼(Meiwings)</td>
			<td>中诺(CHINO-E)</td>
		</tr>
		<tr>
			<td>亿通(ETON)</td>
			<td>JEASUNG</td>
			<td>传奇(SAGA)</td>
			<td>首信(CAPITEL)</td>
			<td>富可视(InFocus)</td>
			<td>博悦</td>
			<td>优豊(UPHONE)</td>
			<td>Conquest</td>
			<td>BROR</td>
		</tr>
		<tr>
			<td>至尊宝(Best sonn)</td>
			<td>云狐手机(NFOX)</td>
			<td>关爱心</td>
			<td>斐讯(PHICOMM)</td>
			<td>优摩(UMO)</td>
			<td>NAMO</td>
			<td>明基(BenQ)</td>
			<!-- <td>途耐</td>
			<td>MOBA</td> -->
		</tr>
	</table>
</body>
</html>

  

posted @ 2018-03-07 09:08  -CLAY-  阅读(441)  评论(0编辑  收藏  举报