Rumah > Artikel > hujung hadapan web > css如何实现表格实线
css如何实现表格实线
- 尚asal
- 2019-07-22 15:20:436875semak imbas
利用在css设置表格实线：
代码如下:
table{
border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/
border:1px #00F solid; /*定义边框样式*/
}示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style>
table {
border-collapse: collapse;
}
table td {
border:1px solid #fff000;
}
</style>
</head>
<body>
<table cellpadding="0">
<tr>
<td>First</td>
<td>Second</td>
<td>Three</td>
</tr>
<tr>
<td>第一</td>
<td>第二</td>
<td>第三</td>
</tr>
</table>
</body>
</html>结果如下：
更多CSS相关技术文章，请访问CSS教程栏目进行学习!
Atas ialah kandungan terperinci css如何实现表格实线. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：box-sizing属性是什么Artikel seterusnya：css样式属性是什么