CSS之 Google字体颜色样例

前言

使用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">Gspan><span class="logo_juhong">ospan><span class="logo_orange">ospan><span class="logo_blue">gspan><span class="logo_green">lspan><span class="logo_juhong">espan>body>
html>

3. 总结

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部