1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一段文字,并且设置p标签的id属性为txt,主要用于下面通过该id获得元素对象。
2、然后在p标签的下面,使用button标签创建一个按钮,名称为“改变字体大小”。
3、接着在test.html的js标签内,使用function声明一个函数cgsize()。
4、然后在cgsize()函数内,使用getElementById()方法获得p元素对象,并设置style属性中的fontSize为25px,即字体的大小改变为25px。
5、最后在浏览器打开test.html文件,点击按钮,改变文字的大小。
1、html如何设置字体大小和颜色。
2、html设置字体颜色。
3、html设置文字大小颜色。
4、html字体的颜色怎么设置。
5、html中设置字体大小颜色样式。
6、html怎么改字体大小和颜色。
1.先在HTML网页编写一些测试的文字。
2.然后在网页预览文字初始的字体效果,颜色是黑色,大小比较小。
3.因为测试文字是在body标签内的,所以我们要对body标签设置css属性就可以了。
4.我们可以用font-family来设置HTML网页字体的类型,比如这里我设置为“华文楷体”。
5.再去看文字的变化效果,文字变成了华文楷体类型,比原先的好看多了。
6.然后color可以改变文字的颜色,比如我就设置它为red,意思表示的是红颜色。
7.这样,文字的颜色就会由黑色变成红色了哦。
8.而font-size可以设置文字的大小,我设置成38px,表示38像素大小。
9.第三来看看,文字变得比原来大了很多。
10.这样我们就实现了设置HTML文字的类型,颜色及大小的目的。
对,html里的<font>字号属性只能是数字1、2这种,不过,你可以写成<font style="font-size:16px">文字</font>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)