CSS之 Google字体颜色样例

最新推荐文章于 2022-10-26 21:50:37 发布

nsq_ai

最新推荐文章于 2022-10-26 21:50:37 发布

阅读量1k

点赞数 1

分类专栏：前端学习 # HTML 5 学习 # CSS学习文章标签： css html5

本文链接：https://blog.csdn.net/weixin_45063703/article/details/118173641

版权

前端学习同时被 3 个专栏收录

28 篇文章 3 订阅

订阅专栏

HTML 5 学习

27 篇文章 2 订阅

订阅专栏

CSS学习

14 篇文章 0 订阅

订阅专栏

前言

使用CSS基础知识做个简单小样例

参考视频：
1.黑马程序员5天软件测试从入门到精通_软件测试基础教程

1.页面展示

在这里插入图片描述

2.代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
        span{font-size: 100px;}
        .logo_blue{color: blue;}
        .logo_juhong{color: #cc3300;}
        .logo_orange{color: orange;}
        .logo_green{color: green;}

        </style>
    </head>
    <body>
        <span class="logo_blue">G</span>
        <span class="logo_juhong">o</span>
        <span class="logo_orange">o</span>
        <span class="logo_blue">g</span>
        <span class="logo_green">l</span>
        <span class="logo_juhong">e</span>
    </body>
</html>

3. 总结

如果不能清楚了解图片的颜色，可以用PS吸取颜色
- 截图
- 放在PS中
- 鼠标变为吸管模式，吸取想要的颜色值
- 放在CSS中color的值，加上# 号
- div :默认是换行的
- span：默认不换行

nsq_ai

关注

1
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS之 Google字体颜色样例

前言简单了解CSS的内容参考链接参考视频：1.黑马程序员5天软件测试从入门到精通_软件测试基础教程代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> span{font-size: 100px;}
复制链接

扫一扫