| 红尘梦| 红尘醉
在CSS里面常用的三种调用颜色方法 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
    • 企业门户
    • APP源码
    • 小程序源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 编程学习
    • JS教程
    • CSS教程
    • HTML教程
    • JAVA学习
    • SQL学习
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 插件工具
    • JAVA工具
    • EMLOG插件
    • 采集规则
  • 更多功能
    • 留言吐槽
    • 文章归档
    • 我的邻居
    • 公告动态
    • 关于博主
前端开发CSS教程

在CSS里面常用的三种调用颜色方法

2019/4/17 站长资源网  CSS教程 1853 0

 简介


    在css里面调用颜色的代码有很多种,

    常用的有三种,分别是:


     1.最基础最原始 英语关键词代替颜色,
                         例如: Red(红色),blue(蓝色)。

     2.十六进制方法  0-9 A B C D E F  
                  例如:#FF0000(红色) #00FF00(绿色)

     3.RGB调用颜色方法
            R  红色 G 绿色 B 蓝色
            由浅到深分别是 0 - 255
            例如:RGB(255,0,0) 红色
                      RGB(100%,0%,0%) 红色


      在最开始,大部分人用的是英文代替颜色,对于对英语一窍不通的人来说,背那些英文单词实在是头疼....例如我。

     后来又出现了RGB和16进制方法,这两种方法比起英语单词来是比较简单的,大部分人也是喜欢用这两种方法来调用颜色。



英语定义颜色法


      这是最原始的调用颜色的方法,主要是以英语单词作为颜色的名词。

     常见的写法例如:  



          <p style="color:red"> 红色</p>  
          <p style="color:blue">蓝色</p>



RGB定义颜色方法


      可能是因为考虑到有些人对英语一窍不通,所以才推出了这种方法。
      RGB 代表的分别是 红 绿 蓝
      分别由 0 - 255 来定义颜色的深浅
      0 是最浅的 相当于没有 255 是最深的 
      例如:RGB(255,0,0)  代表红色的深度为最深,
绿色和蓝色相当于没有,也就是0,所以代表的意思是纯红色。


   
     常用的颜色使用RGB调用方法:

     RGB(255,255,255)   黑色
     RGB(0,0,0)  白色
     RGB(255,0,0)  红色
     RGB(0,255,0)  绿色
     RGB(0,0,255)  蓝色

  也可以使用百分比来代替数字

  100%代表的就是 255 
  例如:RGB(100%,0%,0%) 红色


十六进制方法


我们常说的十进制是 0 - 9   
而16进制就是在十进制的基础上加上六个字母
十六进制:0 - 9 A B C D E F

十六进制方法使用方法和RGB调用方法差不多,也是通过颜色的深浅度也定义颜色。

 0 表示颜色最浅 相当于没有
 F 表示颜色最深,相当于RGB里面的255

举例: #FF0000 红色
           #00FF00  绿色
           #0000FF  蓝色

十六进制的理论和RGB调用颜色的理论是一样的。



 点赞:0  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 CSS的四种基础选择器使用方法和介绍
2 CSS3 鼠标悬停到图片显示动画特效加简介
3 CSS使用元素靠右的代码 margin-left: auto!important
4 CSS代码 鼠标触碰图片,图片变大 代码实例
5 CSS3 动画按钮特效炫酷鼠标悬浮特效
6 CSS代码里面的分组选择器

评论列表

取消回复

随机文章

    • HTML5设计高端IT公司建站类织梦模版
      • 教育学校培训学校类公司通用织梦模版
        • 浅色幼儿园整站织梦模版
          • 织梦宽屏科技设计公司通用模版
            • 蓝色系织梦机械类通用企业织梦整站源码
  • 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 编程学习
    • 随心笔记
    • 网络资讯
    • 商城专区
    • 广告商广告
  • 标签

    自适应源码 (13) 苹果cms采集 (1) 政府官网模版 (1) 微信运营 (1) 福利 (1) 简约导航 (2) 纯手机端源码 (1) 蜘蛛统计 (1) 菜刀web版 (1) 采集插件 (1) 金融股票投资类 (1) robots的作用 (1) V8模板 (4) 化妆品类公司模版 (1) 古风摄影类 (1) 自适应模版 (6) EMLOG6.0 (1) 2030影视 (1) 白色简约 (2) 采集api (1) 响应式 (3) 智能家居模版 (4) wps破解版 (1) 简约 (2) QQ技术导航 (6) 实用软件 (3) 家装设计类 (1) 黑色模板 (5) 放屁音效 (1) 苹果CMS自适应模板 (15)
  • Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  • 网站统计 I 当前在线:4人

    • 本站管理:1位
    • 用户总数:755位
    • 置顶文章:2篇
    • 日志总数:434篇
    • 微语总数:0条
    • 评论总数:5098条
    • 标签总数:655条
    • 页面总数:4页
    • 分类总数:33个
    • 链接总数:13条
    • 运行天数:1237天
    • 最后更新:6月1日
  • 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2022站长资源网 程序:Emlog5.31 主题:Meta 3.54

    广告合作联系Q:122855611

    • 首页
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 词典
    • 红尘资源网
    • 云阅小说网
    • type属性
    • WebShellKiller
    • 支付源码
    • 电子配件类源码
    • MySQL无法启动
    • wps破解版
    • 博客模板
    • 机械产品类织梦模版
    • 手机端模板
    • 首涂苹果CMS模版
    • HTML教程
    • 单页源码
    • 博客类
    • 
    • 