html字体标红效果demo示例(整理)

简介: html字体标红效果demo示例(整理)
+关注继续查看

image

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>字体标红</title>
</head>
<body>
我是红色的字体我是红色的字体我是红色的字体我是红色的字体我是红色的字体
<span style='color: red;'></span>
<script type="text/javascript">
document.body.innerHTML = document.body.innerHTML.replace(/红/ig,"<span style='color: red;'>$&</span>");
</script>
</body>
</html>
相关文章
|
1月前
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
纯html网页,如何快速把所有字体的颜色都改成黑色的,原来模板默认的字体是灰色
|
3月前
|
JavaScript
html使用vue模板、html引入vue.js-测试demo
html使用vue模板、html引入vue.js-测试demo
|
3月前
|
移动开发 HTML5
HTML5 图片上传预览(调用摄像头、文件)demo效果示例(整理)
HTML5 图片上传预览(调用摄像头、文件)demo效果示例(整理)
|
4月前
|
前端开发 JavaScript
HTML&CSS Day03 CSS字体及文本样式
HTML&CSS Day03 CSS字体及文本样式
33 0
|
6月前
使用5.0.0版本的cssbox将html文件转为图片文件,并解决字体显示问题
使用5.0.0版本的cssbox将html文件转为图片文件,并解决字体显示问题
157 0
|
编解码 移动开发 缓存
HTML5网页3D场景制作之Three.js初体验-制作3D字体
WebGL(图形库是一个JavaScript API)在任何连接的WebGL中渲染图形的API,Web3D和Web3D的图形应用程序,可以单独使用一个WebGL通过引入与OpenGL 2.0一致的浏览器来使用WebGL 2.0 WebGL完美地解决了现有的Web交互式三维动画的两个问题: 第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件的支持; 第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。
488 1
|
XML 移动开发 前端开发
web前端学习(三)——HTML5的字体、特殊符号、插入图片及头部元素的相关标签设置
web前端学习(三)——HTML5的字体、特殊符号、插入图片及头部元素的相关标签设置
web前端学习(三)——HTML5的字体、特殊符号、插入图片及头部元素的相关标签设置
html+css实战51-字体和文本样式
html+css实战51-字体和文本样式
69 0
html+css实战51-字体和文本样式
|
Web App开发 自然语言处理 前端开发
HTML & CSS 知识点梳理(内涵大量Demo噢~)
参考文献《JavaWeb 从入门到精通》 另推相关博文一则 JavaScript_知识点梳理note1,同样是有一定量的Demo哈。 1.HTML的文档结构 1.标记 标记是HTML文件的开头。
857 0
|
前端开发 Web App开发 JavaScript
推荐文章
更多