CSS如何设置字体的类型、大小、颜色?

CSS如何设置字体的类型、大小、颜色?,第1张

Css可以设置网页的样式,比如字体大小颜色等等。今天小编就来分享一下设置HTML网页字体类型大小和颜色方法。

一、如图,先在HTML网页编写一些测试的文字

二、然后在网页预览文字初始的字体效果,颜色是黑色,大小比较小。

三、因为测试文字是在body标签内的,所以我们要对body标签设置css属性就可以了。

四、如图,我们可以用font-family来设置HTML网页字体的类型,比如这里我设置为“华文楷体”。

五、再去看文字的变化效果,文字变成了华文楷体类型,比原先的好看多了。

六、然后color可以改变文字的颜色,比如我就设置它为red,意思表示的是红颜色。

七、这样,文字的颜色就会由黑色变成红色了哦。

八、而font-size可以设置文字的大小,如图所示,我设置成38px,表示38像素大小。

九、最后来看看,文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型,颜色及大小的目的。

这要添加的是高级CSS样式,先添加类样式如命名为.ccc然后添加高级样式命名为.CCC:link--链接的颜色 .CCC:hover--鼠标经过的颜色 .CCC:visited--鼠标点击过后的颜色.谢谢采纳

1、首先,打开HTML编辑器并创建一个新的HTML文件,比如index.html。

2、在index.html中的<style>标签中,输入css代码:button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、当浏览器运行索引index.html页面中,出现蓝色背景颜色的按钮。

4、将鼠标移到按钮上,按钮的背景颜色将变为橙色。


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

原文地址: https://outofmemory.cn/tougao/10944140.html

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

发表评论

登录后才能评论

评论列表(0条)

保存