CSS中的文本装饰

时间:2009-07-22 12:11:48

标签: css text-decorations

我刚学会了如何使文字闪烁(<div style="text-decoration:blink">text</div>)。

其他装饰模式如变色怎么样?它们是否可用于CSS?

感谢。

8 个答案:

答案 0 :(得分:3)

文字装饰没什么好玩的。一个好的资源总是w3:
http://www.w3schools.com/Css/pr_text_text-decoration.asp

h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}

关于你的第二个问题 - 当然。 CSS可以(并且应该)用于设置几乎任何样式,尽管闪烁的文本是一个极端的例子,大多数规则都更有用。

答案 1 :(得分:1)

是的,CSS中可以使用颜色更改。使用

<div style="color:red">foo</div>
例如,

。您可能想查看一个好的CSS介绍或官方标准:

答案 2 :(得分:1)

可用的文本修饰值为:

  • 闪烁
  • 线通
  • overline
  • 下划线

有关详细信息,请参阅http://reference.sitepoint.com/css/text-decoration

答案 3 :(得分:1)

是的,您可以使用以下内容:

color: #FFFFFF;(这会使你的文字变成白色)

font-weight:bold;

text-decoration:underline;

你应该真的谷歌这个。

答案 4 :(得分:1)

我认为通过颜色更改,您并不仅仅意味着将文本颜色设置为color,而是设置更复杂的动画。

有一些实验,例如WebKit的-webkit-animation-webkit-transform-webkit-transition。但这些属性是专有的。

现在这种效果是在JavaScript的帮助下完成的。您可以使用大量JavaScript框架,例如jQuerymootoolsPrototypeScript.aculo.us等。

答案 5 :(得分:0)

不,这些通常是使用JavaScript编程的。

如果您指的是悬停时链接颜色的变化,则可以使用css。

a:link { color: blue; }
a:hover { color: green; }

答案 6 :(得分:0)

目前支持的文本装饰有四种。 (大多数浏览器不再支持Blink。)

在文字上画一条线

h1 {text-decoration:overline;}

在文字

下画一条线
h1 {text-decoration:underline;}

罢工。 (在文本中画一条线。)

h1 {text-decoration:line-through;}

没有装饰。

h1 {text-decoration:none;}

永远不会使用BLINK,它几乎没有浏览器支持,它没用,并且具有严重的可访问性问题。在IE和Netscape之间的浏览器大战期间,它被作为一个专有属性,并且大多数浏览器从不支持它,从Netscape复制它的IE已弃用它,Netscape已经死了将近6年。

(请随意纠正我的小历史课。)

答案 7 :(得分:0)

CSS text-decoration属性用于装饰文本或删除文本的装饰。 CSS text-decoration属性主要用于设置或删除网页上的下划线。

在许多情况下,当你希望没有文字装饰时,你可以简单地说文字装饰:无;。这使文本没有装饰。

有关更多理解,请参阅以下示例

h1 {
    text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}  

参考:http://www.snoopcode.com/css/css-texts