html - Css 文本颜色更改不起作用?

标签 html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我正在尝试为网站创建演示文稿,背景是黑色的,所以我需要文本是白色的。更改链接颜色的代码有效,但更改段落的代码无效。我的编码知识是我能够自学的,而且我在我的代码中找不到任何可能导致此问题的错误。非常感谢任何帮助。

这是我的CSS:

body{background-color:#000000;}

p{color:#ffffff;
font: 12px arial;}

A {color:#7b0000; 
font:12px arial;
text-decoration:underline;
background:#transparent; 
border-style: solid; 
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px; 
border-color: Transparent;}

这是 html:

<body>
<div>
<h1>Heading One</h1>
<h2>Sub-heading One</h2>
<p>
Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 

Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 <a 

href="http://www.google.com" target="_blank">Test Link 1</a> Paragraph 1 

Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 Paragraph 1 
</p>
<h2>Sub-heading Two</h2>
<p>
Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 

Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 

Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 Paragraph 2 
</p>
</div>
</body>

最佳答案

我将您的代码放入 JSFiddle 中,它似乎按照您解释的那样工作。唯一没有以白色显示的文本是标题,您可以使用以下 CSS 行设置标题样式:

h1{color:white;}

h2{color:white;}

在这里查看 JSFiddle:

http://jsfiddle.net/QwK85/1/

关于html - Css 文本颜色更改不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23751888/

上一篇:html - 如何控制嵌套 <p><a> 中文本的溢出行间距

下一篇:jquery - 带有装订线的 masonry 网格尺寸器在 50% 尺寸上未正确对齐

相关文章:

使用 bootstrap 时 CSS 页脚定位为垂直居中文本

html - 等距 DIV 的流体宽度

php - php 文件中的动态跨度类。

javascript - AngularJS 确认密码验证

php - 高级自定义字段 - 添加 Linkedin

html - CSS 翻译百分比导致图像模糊

javascript - 使用 jquery/javascript 读取 div 内的所有标签

html - 最后 <li> 转到新行

php - 如何使用 PHP 将阿拉伯语文本从 HTML 表单正确地存储到 MySQL 数据库中?

javascript - 鼠标跟随多个 div 的工具提示