2013-03-22 70 views
1

有人可以帮我编辑这个小提琴。我怎样才能让文字变黑? CSS编码表示黑色,但在Dreamweaver预览屏幕中显示为浅灰色。链接的文本颜色不是黑色

Fiddle

这里是我的HTML代码:

<div id="class"> 
    <p><a href="calendar.html">Calendar</a></p> 
</div> 
+2

在小提琴中是黑色的! – Sharun 2013-03-22 04:17:48

+0

它在实际的浏览器中看起来是否正确?预览屏幕可能不准确。 – 2013-03-22 04:17:53

+0

当您点击小提琴中的跑步时,它会改变颜色。 – user2163407 2013-03-22 06:11:28

回答

1

我想你使用Dreamweaver的不是良好的色彩兼容。它只是用于素描。 相信浏览器中的颜色。

#class a:hover { 
    font-family: "Brush Script MT"; 
    font-size: 22px; 
    color: #00C; <<<<<<<<<<<<<<<<<<<<<<<<<<< 
    font-weight: bold; 
    text-decoration: underline; 
} 
#class a:active { 
    font-family: "Brush Script MT"; 
    font-size: 22px; 
    color: #00C; <<<<<<<<<<<<<<<<<<<<<<<<<<< 
    font-weight: bold; 
    text-decoration: underline; 
} 

更改颜色代码!!! #00

+0

您不必为':hover'和':active'重复所有未更改的属性。 – Blender 2013-03-22 04:22:03

+0

@Blender,这是不正确的。如果你尝试点击并拖动一个链接,':hover'造型将消失,但':active'样式将保持不变(在Safari和Chrome中) – henryaaron 2013-03-22 04:23:41

+0

@henryaaron:我不确定你的意思。 – Blender 2013-03-22 04:25:34

4

您的链接颜色为黑色,只需添加此CSS即可。

a:hover,a:visited { color:#000; } 

你不会看到黑色的链接,因为你已经点击了链接上,因此浏览器将默认应用访问的造型。所以,地方你需要重写这些CSS样式声明

a:link {color:#000;} /* unvisited link */ 
a:visited {color:#000;} /* visited link */ 
a:hover {color:#000;} /* mouse over link */ 
a:active {color:#000;} /* selected link */ 
2

用于本

#class a{ 
color:#000; 
} 
0

或最基本的:

<a href="calendar.html"><font color="black">Calendar</font></a> 

链接 - 色 - 文字 - /颜色 - /链接

+3

[''标记](https://developer.mozilla.org/en-US/docs/HTML/Element/font)已在HTML4中弃用,并在HTML5中废弃。不要使用它。 – Blender 2013-03-22 04:26:42

+0

颜色属性也是如此。 @搅拌机 – henryaaron 2013-03-22 04:32:14

0

它已经是黑色的,不需要添加额外的CSS或东西。您的Dreamweaver预览屏幕中出现一些配置问题。