CSS中text-decoration详解

CSS中text-decoration详解

　　text-decoration，直译过来就是文字装饰的意思。关于它的一些基本信息，可查看w3cschool上的文章。我这里只说几点值得强调的知识。
　　
　　1，text-decoration是文字装饰的意思
　　
　　前面其实已经提到了，之所以强调它是想说，你无法把它加在非文字的元素上，比如img，比如table。
　　
　　2，text-decoration的颜色由color决定
　　
　　之所以如此，是因为文字的颜色就是由color定义的。如果你发觉文字颜色与划线颜色不一致，那你得确定下你在什么上面加的text-decoration。
　　
　　3，text-decoration的粗细不受文字大小影响
　　
　　事实证明，即使是12px与120px的文字各加上text-decoration，它们的划线粗细都是一样的（貌似永远是1px粗）。
　　
　　4，text-decorationverline;是定义上划线
　　
　　不是中划线，中划线是line-through。overline的意思很容易搞混，所幸的是，上划线几乎是一个从未派上用场的属性。
　　
　　5，text-decoration不会额外增加文字的行高
　　
　　overline（上划线）和underline（下划线）都是如此（中划线更不说了）。虽然它有1像素的高度，但文字加上它后高度并不会产生变化。
　　
　　text-decoration本来就算是一个比较简单的属性，所以我说完了