当td为空时怎样显示其边框

模板素材 2025-05-16 22:19www.dzhlxh.cn模板素材

以下是三种不同情况的 CSS 样式示例:

Class Test1: 添加 `border-collapse: collapse;` 属性。

```css

.test1 {

border: 1px solid 999999;

border-collapse: collapse;

width: 60%;

}

.test1 td {

border-bottom: 1px solid 999999;

height: 28px;

padding-left: 6px;

}

```

Class Test2: 同时添加 `border-collapse: collapse;` 和 `empty-cells: show;` 属性。

```css

.test2 {

border: 1px solid black;

border-collapse: collapse;

width: 60%;

}

.test2 td {

border-bottom: 1px solid black;

height: 28px;

padding-left: 6px;

empty-cells: show;

}

```

Class Test3: 不添加 `border-collapse: collapse;` 和 `empty-cells: show;` 属性。

```css

.test3 {

border: 1px solid 999999;

width: 60%;

}

.test3 td {

border-bottom: 1px solid 999999;

height: 28px;

padding-left: 6px;

}

```

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板