| 红尘梦| 红尘醉
在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教程 2265 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代码制作专属于你网站的滚动条
4 CSS使用元素靠右的代码 margin-left: auto!important
5 CSS代码 鼠标触碰图片,图片变大 代码实例
6 CSS3 鼠标悬停到图片显示动画特效加简介

评论列表

取消回复

随机文章

    • 苹果CMSV10 首涂第22套破解版去授权
      • 苹果CMSV10 仿B站开源源码
        • 新闻资讯类织梦最新自适应模版
          • 织梦美女相册图片展示类源码
            • 自适应博客资讯类织梦CMS模版
  • 分类

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

    新闻类模版 (1) APP导航页面 (1) 经典款 (1) 福利分享 (1) 线报福利 (1) 支付源码 (1) 模板插件 (1) 优惠活动 (2) 黑帽教学 (1) 绿色园林类源码 (1) 精美UI (1) var变量 (1) 程序模板 (17) html表单 (2) 近义词 (1) 资源站模板 (2) 织梦CMS模板 (1) 苹果精仿模版 (1) QQ空间说说织梦源码 (1) SEO技术 (6) 高仿模板 (1) 王公子资源网 (1) 科技感十足的源码 (2) 百度云盘不限速 (1) 学校官网模版 (1) 贷款系统源码 (1) 企业模板 (1) Spimes (1) 房地产类 (2) EMLOG最新模版 (1)
  • Emlog简约资源分享主题

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

    需要就请骚扰我

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

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

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2023站长资源网 程序:Emlog5.31 主题:Meta 3.54
    • 首页
    • 加群
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 番剧模板
    • Windows11专业版
    • 电影网站优化
    • Spimes
    • EMLOG工具
    • 黑帽教学
    • 餐饮类源码
    • 词典
    • 表白墙源码
    • 织梦后台模板
    • 仿站小工具
    • 网站优化教程
    • zblgo
    • 资源网模版
    • 人生模拟器
    • emlogSeo插件
    • 
    • 