Rumah > hujung hadapan web > tutorial css > css如何实现表格实线

css如何实现表格实线

Lepaskan: 2019-07-22 15:20:43
asal
6951 orang telah melayarinya

css如何实现表格实线

利用在css设置表格实线:

代码如下:

table{
border-collapse:collapse;   /*表示将单元格中各小格之间的空隙进行合并*/
border:1px #00F solid;      /*定义边框样式*/
}
Salin selepas log masuk

示例:

<!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>
Salin selepas log masuk

结果如下:

1.jpg

更多CSS相关技术文章,请访问CSS教程栏目进行学习!

Atas ialah kandungan terperinci css如何实现表格实线. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan