如何用CSS改变上划线、下划线以及删除线的颜色
2012-10-19 23:47
477 查看
何用CSS改变上划线、下划线以及删除线的颜色呢?这个问题我想困扰大家一定是很久了。没错,它也对我造成的很大的困扰,当我想用CSS去将文字改为蓝色,删除线改成红色,或者下划线改成yellow时,可是,总是无法实现,当然,你们可能会想,对于下划线,我们可以改变边框颜色的形式来取代上、下划线的效果。虽然这可能为我们解决一时的问题,可是,这终究不是最好的办法。
可是对于删除线,我们就没有办法了。
不过,也有的人会说,我先将要修改的文字对对的全局进行设置,并设为红色,同时,再局部将文字用<span>设为蓝色。这样也是一个很不错的方法啊。
用全局色来实现上、下划线及删除线的颜色效果,再用局部色来实现文字颜色效果。
不过,问题总是有解决的时候,自从W3C发布CSS3.0的相关属性以来,这个问题好像已经解决了,而为何始没能出现在人们的视野之中的原因是,当今的大部分浏览器无法支持CSS3.0仍停留在以前的CSS2.0,我想这对于我们这些设计爱好者来说,是一件多么让人感伤的事,辛苦的做好代码,可以别人却因为浏览器的原因而无法看到我们的设计成果,世界上最大的痛苦莫过如此吧。
现在我就来简单的说说那几个CSS属性吧。
text-line-through的属性设置:
text-line-through-color:设置删除线的颜色。
text-line-through-mode :设置删除线的显示模式。
text-through-style:设置删除线的线型。
text-overline 的属性设置:
text-overline-color:
text-overline-mode:
text-overline-style:
text-underline 的属性设置:
text-underline-color:
text-underline-mode:
text-underline-style:
反正现在都还不支持,就先写上来吧,对于它的用法,以后再讲吧,如果你感兴趣的话,可以用一个好一点的浏览器测试一下下。呵呵!
可是对于删除线,我们就没有办法了。
不过,也有的人会说,我先将要修改的文字对对的全局进行设置,并设为红色,同时,再局部将文字用<span>设为蓝色。这样也是一个很不错的方法啊。
用全局色来实现上、下划线及删除线的颜色效果,再用局部色来实现文字颜色效果。
不过,问题总是有解决的时候,自从W3C发布CSS3.0的相关属性以来,这个问题好像已经解决了,而为何始没能出现在人们的视野之中的原因是,当今的大部分浏览器无法支持CSS3.0仍停留在以前的CSS2.0,我想这对于我们这些设计爱好者来说,是一件多么让人感伤的事,辛苦的做好代码,可以别人却因为浏览器的原因而无法看到我们的设计成果,世界上最大的痛苦莫过如此吧。
现在我就来简单的说说那几个CSS属性吧。
text-line-through的属性设置:
text-line-through-color:设置删除线的颜色。
text-line-through-mode :设置删除线的显示模式。
text-through-style:设置删除线的线型。
text-overline 的属性设置:
text-overline-color:
text-overline-mode:
text-overline-style:
text-underline 的属性设置:
text-underline-color:
text-underline-mode:
text-underline-style:
反正现在都还不支持,就先写上来吧,对于它的用法,以后再讲吧,如果你感兴趣的话,可以用一个好一点的浏览器测试一下下。呵呵!
相关文章推荐
- 如何用CSS改变上划线、下划线以及删除线的颜色呢?
- CSS改变字体下划线颜色
- Flex中如何通过backgroundImage, backgroundColor和backgroundAlpha样式,设置VBox的背景图片和背景颜色以及改变透明度
- HTML标签类型以及CSS如何改变标签类型
- CSS上划线、下划线、删除线等方法
- WPF关于改变ListBoxItem的颜色的注意事项以及如何找到ListBox中的ItemsPanel
- CSS 定义上划线、下划线、删除线代码
- 如何通过css选取元素以及封装了获取,删除css的相关操作
- 切换导航标签实现当前标签颜色改变以及利用js如何准确获取当前页面url网址信息
- 如何给文字加上划线、下划线、删除线和闪烁
- css 文字的下划线、顶划线、删除线
- Flex2 数据的验证方法以及如何改变错误提示的CSS
- Edittext设置光标的颜色以及Textview下划线,中间删除线
- css颜色值设置方式有哪些?以及如何随机一个颜色?
- css如何改变placeholder的默认颜色值
- 用CSS改变超链接颜色去掉下划线
- CSS下划线与文字间距,下划线粗细以及下划线颜色的设置
- css如何做到 鼠标移动到超链接时,超链接会发生改变,例如改变颜色、字体大小、背景颜色等
- 如何自定义PickerView 以及改变字体大小和字体颜色