html中将p标签变为黑色

html中将p标签变为黑色,第1张

1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一行文字,设置p标签的class属性为mypp,下面将使用css样式对该行文字进行设置。

2、其次在css标签内,对p标签的样式进行设置,定义其文字颜色(color)为黑色(black)。

3、最后在浏览器打开test.html文件,查看实现的效果。

第一种:内嵌样式改变p标签内字体颜色.(p标签可换为页面body标签内,其它绝大部分标签!)

<!doctype html>

<html>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<head>

<title>颜色标签</title>

</head>

<body>

<p style="color:red">顺其自然</p>

</body>

</html>

第二种:用内部样式表改变p标签内字体颜色.

<!doctype html>

<html>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<head>

<title>颜色标签</title>

</head>

<style type="text/css">

.wordcolor{color:red}

</style>

<body>

<p class="wordcolor">一笑而过</p>

</body>

</html>

第三种:链入外部样式表.

把上述第二种方法中<style type="text/css">和</style>之间的内容保存到xxx.css中,

然后在页面中引用<link rel="stylesheet" type="text/css" href="xxx.css">链接

这个样式表文件,得到的效果同上述两种方法相同.

(不被采纳也没事的,只是真诚希望我的话语能帮到你!n(*≧▽≦*)n)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7147025.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存