2、然后在网页预览文字初始的字体效果,颜色是黑色,大小比较小。
3、因为测试文字是在body标签内的,所以我们要对body标签设置css属性就可以了。
4、我们可以用font-family来设置HTML网页字体的类型,比如这里我设置为“华文楷体”。
5、再去看文字的变化效果,文字变成了华文楷体类型,比原先的好看多了。
6、然后color可以改变文字的颜色,比如我就设置它为red,意思表示的是红颜色。
7、这样,文字的颜色就会由黑色变成红色了哦。
8、而font-size可以设置文字的大小,我设置成38px,表示38像素大小。
9、最后来看看,文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型,颜色及大小的目的。
可以用css改变字体的大小和颜色。
1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:
2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:
3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色:
字体颜色在网页设计中是最常见的功能之一,复杂的页面每个页面都会有多种字体颜色。html设置字体颜色的方式,有如下几种。
1、首先在桌面新建一个文件夹,然后新建两个text文件;分别将text文件重命名为index.html和css.css。
2、用记事本打开index.html文件,输入以下代码。
3、用浏览器打开浏览效果。
4、编辑index.html,在<p>标签内输入以下代码;<font color="#008252">字体颜色的不同设置方法</font>。
5、浏览器浏览效果,这样就完成了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)