黑色单线实心边框表格

那天偶然遇到一道面试题,让写出一个‘黑色单线实心边框表格’:



我是表格标题
A b C
D e F

第一种:

<html>

<head>

</head>

<body>

<table width="200" height="50" border="0"  cellspacing="1" bgcolor="#000000">

<caption align="top">我是表格标题</caption>  

<tr>

<td bgcolor="#FFFFFF" align="center">A</td>

<td bgcolor="#FFFFFF" align="center">b</td>

<td bgcolor="#FFFFFF" align="center">C</td>

</tr>

<tr>

<td bgcolor="#FFFFFF" align="center">D</td>

<td bgcolor="#FFFFFF" align="center">e</td>

<td bgcolor="#FFFFFF" align="center">F</td>

</tr>

</table>

</body>

</html>


第二种:

<html>

<head>


<style type="text/css">

table, td, th

  {

  border:1px solid black;

  border-collapse:collapse;

}

</style>

</head>

<body>

<table>

<tr>

<td>1</td><td>2</td>

</tr>

<tr>

<td>3</td><td>4</td>

</tr>

</table>

</body>

</html>

第一次发文,积少成多


你可能感兴趣的:(html,表格)