为什么在css里边设置了table样式后，表格内部的细线不显示了

为什么在css里面设置了table样式后，表格内部的细线不显示了？

<style type="text/css">

.t1{

width: 500px;

border:1px solid pink;

border-collapse: collapse;

}

</style>


<div contenteditable="true"

		style=" border: 1px solid black">

		<table class="t1" >

			<caption>

				<b>疯狂java讲义系列</b>

			</caption>

			<tr>

				<td>疯狂java讲义</td>

				<td>疯狂Android讲义</td>

			</tr>

			<tr>

				<td>疯狂HTML讲义</td>

				<td>疯狂AJAX讲义</td>

			</tr>

		</table>

	</div>

表格内部的细线不见了，如果直接在标签内部设置border就行了，why?
------解决方案--------------------
<table  class="t1"  border='1'>
            <caption>
                <b>疯狂java讲义系列</b>
            </caption>
            <tr>
                <td>疯狂java讲义</td>
                <td>疯狂Android讲义</td>
            </tr>
            <tr>
                <td>疯狂HTML讲义</td>
                <td>疯狂AJAX讲义</td>
            </tr>
        </table>
------解决方案--------------------
<table  class="t1"  border='1'>