如何用js实现字体转移

 时间:2024-10-13 07:37:19

1、打开Sublime text 3,新建一个html文档。并且定义一下基本的框架。同时另外创建一个js文档。

如何用js实现字体转移

2、<h1>The first one</h1><h2>The second one</h2><h3>The third one</h3>先创建三句话作为示范。

如何用js实现字体转移如何用js实现字体转移

3、这个时候在标签里面加上id。然后在下面加入:<script src="js文件名"></script>然后编写js代码。var colorful = document.getElementById("colorful");colorful.style.color = "blue";这个时候可以看到字体变为蓝色。转移字体颜色。

如何用js实现字体转移如何用js实现字体转移

4、var fz = document.getElementById("fz");fz.style.fontSize = "50px";我们还可以转移字体的大小。

如何用js实现字体转移如何用js实现字体转移

5、var ff = document.getElementById("ff");ff.style.fontFamily = "Impact";也可以转移字体,不同字体有不同名字。

如何用js实现字体转移如何用js实现字体转移

6、var fs = document.getElementById("fs");fs.style.fontStyle = "italic";这样可以转移字体的样式,比如斜体。

如何用js实现字体转移如何用js实现字体转移
  • 如何用CSS修改不同input标签的样式
  • html+css3实现文字环绕旋转特效
  • 前端编程-用浏览器自带的取色功能快速拾取颜色
  • HTML教程 table标签的常用属性
  • 热门搜索
    去上海旅游攻略 中医减肥的最好方法 给去世的人烧纸怎么写 代餐减肥 唐家河自驾游攻略 拔火罐可以减肥吗 冬天怎么穿衣搭配 苹果减肥法 国金证券怎么样 炒土豆丝怎么做好吃