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

html-css018

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

方法如下:

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

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

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

这个设计到一个技巧性的应用,不是设置边线的颜色,而是设置单元格间距的颜色,详细的就是说:将单元格间距设置为2px,然后设置整个表格的背景色为你想要的边线的颜色,然后选中所有的单元格,将单元格的背景颜色设置为白色,这样单元格间距就相当与边线的颜色了,明白不,,,,,

以DIV为例。

如果你设计的DIV内的内容不会占用两个颜色的区域。就用下面的方法:

<div style="width: 300pxheight: 23pxborder-right: 150px solid bluebackground: yellow">这样就可以了</div>

如果你设计的DIV内的内容需要占用两个颜色的区域,那就还是用背景图吧。比如:

<div style="width: 300pxheight: 23pxbackground: url(这里放一个指定长度的黄色背景图) repeat-y blue">这样就可以了</div>

第二个问题没看明白。如果是说内容后面有个背景。直接用背景,然后可以通过CSS设置背景的启示位置。比如:

<div style="background: url(aaa.gif) 10 0 repeat-y">123</div>

这里面的 10 和 0 代表背景图起始的横坐标和纵坐标。