您的位置:首页 > CSS入门 > 【 返回上一页

div 字体颜色

div内文字字体颜色设置

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

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

一、基础颜色说明

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

div{color:red} 

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


设置div 字体颜色red红色

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

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

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

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


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

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

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

完整CSS+HTML内容代码:

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

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

效果截图


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

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

相关标签: 字体 颜色
如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/css/1125.shtml

日期:2016-11-23 21:03:17 来源:www.thinkcss.com 作者:div css
上一篇:div id class
下一篇:css 斜体设置

热门点击