css - CSS中的文本装饰

Question

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

换色等其他装修方式呢？它们在 CSS 中可用吗？

谢谢。

score 3 · Accepted Answer

文本装饰没有什么太有趣的了。一个好的资源总是 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 可以（并且应该）用于几乎任何东西的样式，虽然闪烁的文本是一个极端的例子，但大多数规则更有用。

score 1 · Accepted Answer

是的，CSS 中可以进行颜色更改。利用

<div style="color:red">foo</div>

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

score 1 · Accepted Answer

可用的文本装饰值是：

score 1 · Accepted Answer

是的，您可以使用以下内容：

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

font-weight:bold;

text-decoration:underline;

等等

你真的应该谷歌这个。

score 1 · Accepted Answer

我想通过颜色改变你不仅仅意味着设置文本颜色，color而是更复杂的动画。

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

如今，此类效果是在 JavaScript 的帮助下完成的。您可以使用很多 JavaScript 框架，例如jQuery、mootools、Prototype、Script.aculo.us等。

score 0 · Accepted Answer

目前支持的文本装饰有四种。（大多数浏览器不再支持闪烁。）

在文本上画一条线

h1 {text-decoration:overline;}

在文本下方画一条线

h1 {text-decoration:underline;}

突围。（在文本中画一条线。）

h1 {text-decoration:line-through;}

没有装饰。

h1 {text-decoration:none;}

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

（请随时纠正我的小历史课。）

score 0 · Accepted Answer

不，这些通常是使用 JavaScript 编写的。

如果您指的是在悬停时更改链接颜色，则可以使用 css 完成。

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

score 0 · Accepted Answer

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

在许多情况下，当您希望文本没有装饰时，您可以简单地说 text-decoration: none;。这使得文本没有装饰。

请参阅以下示例以获得更多理解

h1 {
    text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}

8 回答 8