CSS怎么定义一条水平虚线与实线

html-css012

CSS怎么定义一条水平虚线与实线,第1张

水平实线：<hr/>或<div style="height:10pxborder-bottom:1px solid #f11"></div>

虚线：<div style="height:10pxborder-bottom:1px dashed #f11"></div>

主要是用：border

<html>

<head>

<style>

<!--collapse属性控制表格是否立体凹陷-->

table.coll

{

border-collapse: collapse

border-color:#999

}

td{border-color:#999}

</style>

</head>

<body>

<table class="coll" border="1" width="300">

<tr>

<td>123456789</td>

<td>123456789</td>

</tr>

<tr>

<td>123456789</td>

<td>123456789</td>

</tr>

</table>

</body>

</html>