您的位置:CSS5 > CSS笔记 >

阿里云 2核CPU 4G内存 3M带宽云服务器 669元/3年

html改变默认字体颜色

发布日期:2019-10-20 21:38:39 来源:CSS5

改变html字体颜色,通过CSS即可轻松实现。

字体颜色代码:

color

1、改变div字体颜色

.divys{ color:#F00}

<div class=”divys”>我字体颜色为红色#F00</div>

2、改变html p字体颜色

.abc p{color:#000}
.bbb{color:#F00}
<div class=”abc”>
    <p>我字体颜色#000黑色</p>
</div>
<div class=”bbb”>
    <p>我颜色为红色#F00</p>
</div>

3、改变html span字体颜色

.ccc span{color:#999}

<div class=”ccc”>内容段落<span>我在div里的span颜色为#999</span>其它内容</div>

4、改变html em字体颜色

.ddd span{color:#090}

<div class=”ddd”>内容段落<em>我在div里的em颜色为#090绿色</em>其它内容</div>

以上均为 CSS和HTML代码,分别改变html中div、p、em、span的字体颜色。

5、实例完整代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css5 html改变字体颜色</title>
<style>
.divys{ color:#F00}
.abc p{color:#000}
.bbb{color:#F00}
.ccc span{color:#999}
.ddd span{color:#090}
</style>
</head>
<body>
<div class="divys">我字体颜色为红色#F00</div>
<div class="abc">
<p>我字体颜色#000黑色</p>
</div>
<div class="bbb">
<p>我颜色为红色#F00</p>
</div>
<div class="ccc">内容段落<span>我在div里的span颜色为#999</span>其它内容</div>
<div class="ddd">内容段落<em>我在div里的em颜色为#090绿色</em>其它内容</div>
</body>
</html>

6、示范案例截图

改变字体颜色
改变html字体颜色

各种标签对应字体颜色改变方法

改变方法有很多,以上针对HTML中常见标签灵活设置改变文字颜色,改变原来默认字体颜色。

标签(Tag): 字体 颜色
本文分享URL地址:https://www.css5.com.cn/biji/1591.shtml

作者:CSS5原创

上一页:上一篇:html初始字体颜色+css单独对div设置字体颜色
下一页:下一篇:div字体_正确设置div兼容的汉字中文字体