div 字体颜色

2016-11-23 21:09:09 div 字体颜色设置直接对div标签设置字体颜色,外部CSS设置字体颜色(class或id来设置div 字体颜色样式)。

div内文字字体颜色设置

直接对div标签设置字体颜色,外部CSS设置字体颜色(classid来设置div 字体颜色样式)。

css字体颜色样式属性单词:
color

一、基础颜色说明

直接对html中所有div设置字体颜色css代码:

div{color:red} 

对所有div内文字字体颜色设置为红色。

设置div 字体颜色red红色
设置div 字体颜色red红色

red、blue等是老颜色值,但现在推荐二进制以#号开头命名颜色。
如红色:#F00、蓝色:#00F
更多CSS颜色表://www.html8.com.cn/html/1059.shtml

二、div标签内直接设置字体颜色

<div style="color:#F00">字体颜色为红色</div>

标签内直接用style属性设置字体颜色

div标签直接设置文字颜色效果截图
div标签直接设置文字颜色效果截图

从掌握标签内直接设置字体颜色可以扩展到CSS字体大小CSS边框等样式设置。举一反三灵活学习CSS。

三、div使用class引入外部设置的字体颜色

完整CSS+HTML内容代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>字体颜色设置小例子 HTML8</title>
<style>
.exp{ color:#00F}
</style>
</head>
<body>
<div class="exp">外部CSS设置字体颜色为蓝色</div>
</body>
</html>

以上实例代码可以直接拷贝使用实践。学习CSS需要多动手多思考哦!

效果截图

外部CSS设置div字体颜色实例
外部CSS设置div字体颜色实例

这里在DIV内使用class引入外部设置CSS文字字体颜色。

上一篇:css 命名规则
下一篇:css 斜体 设置
更新