如何用CSS改变上划线，下划线以及删除线的颜色

html-css05

如何用CSS改变上划线，下划线以及删除线的颜色,第1张

方法如下：

1：text-line-through-color：设置删除线的颜色。

2：text-overline： text-overline-color: 设置上划线的颜色

3：text-underline：text-underline-color:设置下划线的颜色

给整个table加个DIV的外框，table不用设置边框。给整个DIV设置左上右的边框（这里是设置外框）。给table的TD伪类设置右下的边框（这是里面边框的颜色）。定义最右边的那个TD不要右边的边框。这是笨办法。

推荐你用UL

LI的无序列表做表格，给UL一个背景色一个边框色，背景色是里面表格线的颜色。里面的LI之间给一像素的间距。

可以通过设置单元格元素td的边框样式来实现：

border: width style color  /*分别设置边框的粗细、样式和颜色*/

示例如下：

在HTML代码中给出两个表格

<table class="tb1">

<tr><td>有</td><td>志</td><td>者</td></tr>

<tr><td>事</td><td>竟</td><td>成</td></tr>

</table>

<table class="tb2">

<tr><td>苦</td><td>心</td><td>人</td></tr>

<tr><td>天</td><td>不</td><td>负</td></tr>

</table>

分别设置不同的样式

table{ /* 表格整体样式 */

margin:50px  /* 外边距50px */

border-collapse:collapse /* 合并为单一的边框线 */

}

/* 设置tb1类的表格样式 */

table.tb1 td{padding:10pxborder:1px solid green}

/* 设置tb2类的表格样式 */

table.tb2 td{padding:20pxborder:5px dashed blue}

最终效果如下