本篇内容主要讲解“css里如何设置字体大小和字体颜色”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css里如何设置字体大小和字体颜色”吧!
创新互联专业为企业提供故城网站建设、故城做网站、故城网站设计、故城网站制作等企业网站建设、网页设计与制作、故城企业网站模板建站服务,十多年故城做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
在css中,可以使用“font-size”和color属性设置字体大小和字体颜色,只需要给字体元素添加“{font-size: 字体大小值;color: 颜色值;}”样式即可。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css里设置字体大小字体颜色的方法:
1、使用font-size属性设置字体的大小
演示代码:
.demo1{font-size: 20px;}
示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> .demo1{font-size: 20px;} .demo2{font-size: 50px;} </style> </head> <body> <p class="demo1">文字大小1</p> <p class="demo2">文字大小2</p> </body> </html>
输出结果:
2、使用color属性设置字体颜色
演示代码:
.demo1{color: #FF0000;}
示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style type="text/css"> .demo1{color: #FF0000;} .demo2{color: #0E931C;} </style> </head> <body> <p class="demo1">文字颜色1</p> <p class="demo2">文字颜色2</p> </body> </html>
输出结果:
到此,相信大家对“css里如何设置字体大小和字体颜色”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
本文题目:css里如何设置字体大小和字体颜色
分享网址:https://www.cdcxhl.com/article46/ipcgeg.html
成都网站建设公司_创新互联,为您提供营销型网站建设、Google、搜索引擎优化、面包屑导航、服务器托管、网站制作
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联