编写html中如何将中间某一个字符改变字体颜色?

编写html中如何将中间某一个字符改变字体颜色?,第1张

更改一段文字中的某一个字符的字体颜色需要给这个字符添加一个标签,然后给这个标签添加相应的css样式即可。

工具原料:编辑器、浏览器

1、一个段落中的某一个字需要更改字体颜色,需给这个更改颜色的字添加一个标记并添加想要的css样式,代码如下:

<p>这是一段的测试的文字,中间需要一个字是<span>红</span>色的突出显示</p>

<style>

span {

color: red

}

</style>

2、运行的结果如下:

你用这段代码。这是遮罩代码,我用它做网站标语的,你可以改字画,字体,字色,阴影颜色,还在网页中的位置。

<marquee direction="right">

<marquee><DIV style="FONT-SIZE: 20ptFILTER: shadow(color=#333399)WIDTH: 100%COLOR: #99ff00LINE-HEIGHT: 150%FONT-FAMILY: 黑体" font <size="+0">

<B><CENTER>加入你的文字</CENTER></B></div></marquee></marquee>

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

 content = "从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚,老和尚对小和尚说:从前,有座山,山上有座庙,庙里有个老和尚和一个小和尚"

 i = 0

 function show(){  

 str  = content.substr(0,i) 

 txt.innerHTML = str + "_" 

 i++ 

 if (i>content.length)i=0 

 setTimeout("show()",200) }

</script>

</head>

<body onLoad="show()">

<div id="txt"></div>

</body>

</html>

更改etTimeout("show()",200)的200可以改变文字出现的速度

以下是效果展示


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

原文地址: https://outofmemory.cn/zaji/8375250.html

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

发表评论

登录后才能评论

评论列表(0条)

保存