指定颜色是通过使用预定义的颜色名称,或 RGB、HEX、HSL、RGBA、HSLA 值。

CSS 颜色名

在 CSS 中,可以使用颜色名称来指定颜色:

实例:

<!DOCTYPE html>
<html>
<body><h1 style="background-color:Tomato;">番茄色</h1>
<h1 style="background-color:Orange;">橙色</h1>
<h1 style="background-color:DodgerBlue;">道奇蓝</h1>
<h1 style="background-color:MediumSeaGreen;">中海绿色</h1>
<h1 style="background-color:Gray;">灰色</h1>
<h1 style="background-color:SlateBlue;">板岩蓝</h1>
<h1 style="background-color:Violet;">紫色</h1>
<h1 style="background-color:LightGray;">浅灰</h1></body>
</html>

css零到一基础教程006:CSS 颜色相关推荐

  1. css零到一基础教程007:CSS RGB 颜色

    RGB 值 在 CSS 中,可以使用下面的公式将颜色指定为 RGB 值: rgb(red, green, blue) 每个参数 (red.green 以及 blue) 定义了 0 到 255 之间的颜 ...

  2. css零到一基础教程044:CSS 图标

    如何添加图标 向 HTML 页面添加图标的最简单方法是使用图标库,比如 Font Awesome. 将指定的图标类的名称添加到任何行内 HTML 元素(如 <i> 或 <span&g ...

  3. css零到一基础教程009:CSS HSL 颜色

    HSL 值 在 CSS 中,可以使用色相.饱和度和明度(HSL)来指定颜色,格式如下: hsla(hue, saturation, lightness) 色相(hue)是色轮上从 0 到 360 的度 ...

  4. css零到一基础教程042:CSS 谷歌字体

    谷歌字体 如果您不想使用 HTML 中的任何标准字体,则可以使用 Google Fonts API 向页面添加数百种其他字体. 只需添加一个样式表链接并引用您选择的字体系列: 实例 <!DOCT ...

  5. css零到一基础教程005:CSS 注释

    CSS 注释 注释用于解释代码,以后在您编辑源代码时可能会有所帮助. 浏览器会忽略注释. 位于 <style> 元素内的 CSS 注释,以 /* 开始,以 */ 结束: 实例 <!D ...

  6. css零到一基础教程018:CSS 边框颜色

    CSS 边框颜色 border-color 属性用于设置四个边框的颜色. 可以通过以下方式设置颜色: name - 指定颜色名,比如 "red" HEX - 指定十六进制值,比如 ...

  7. CSS最详细的基础教程

    层叠样式表CSS 绝对原创 CSS简介:Cascading Style Sheets(层叠样式表)的缩写,它是一种用来表现HTML或XML等文件样式的计算机语言. CSS的作用: 是定义网页外观(例如 ...

  8. css改变伪元素color_jQuery教程 改变css伪元素样式详解

    本篇教程介绍了jQuery教程 改变css伪元素样式详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 首先我们看一下css伪元素是什么: CSS 伪元素用于向某 ...

  9. LTspice基础教程-006.运行仿真与瞬态分析

    当原理图编辑完成,我们就可以开始运行仿真了.大部分情况下我们使用的都是LTspice瞬态分析. 点击工具栏按钮,首次运行仿真时会弹出仿真命令编辑窗口(Edit Simulation Command), ...

最新文章

  1. Bioinformatics | 预测药物相互作用的多模式深度学习框架
  2. gnuradio android手机,如何搭配USRP在安卓设备上搭建GNU Radio
  3. Android Studio导入 jar包的方法
  4. 课程 |《知识图谱》第一期
  5. 解决Navicat for MySQL 连接 Mysql 8.0.13出现1251- Client does not support authentication protocol 错误
  6. 在文件保存中 os.getcwd() os.listdir() os.makedirs() os.mkdir() xx.join() ... 等函数 的使用介绍...
  7. BZOJ4355: Play with sequence(吉司机线段树)
  8. 前端学习(基础介绍)
  9. RadASM with Masm32
  10. 电子邮件接受服务器的端口是,qq电子邮件服务器是什么?端口多少?安全类型是什么?路径前缀是什...
  11. 系统盘修复计算机命令,U盘启动盘修复系统的详细步骤
  12. Dobbo的继任者?试用微博RPC框架Motan
  13. Windows终端如何进行复制粘贴
  14. 在vue中使用Echarts的3D柱状图
  15. 别踩坑了,细数嵌入式板卡设计的常见问题
  16. Java Http 请求方式汇总
  17. Android商城开发系列(九)—— 首页频道布局的实现
  18. 在cadence集成calibre
  19. 仿阿姨帮|58到家上门O2O系统源码( BAOCMS二次开发 )
  20. 【开发者说】一课表,你的智能课业管理工具

热门文章

  1. NVIDIA GPU SM和CUDA编程理解
  2. 何谓三十而立 四十不惑 五十知天命 六十知耳顺?
  3. Ubuntu搭建MongoDB集群
  4. python base64编码与图片之间的转换
  5. 8.custom-links
  6. 将要加入linux-2.6.29内核的cred
  7. Josn字符串处理 explode/from_json/get_json_object的使用--小记补充
  8. 磁盘大于16TB如何做ext4的文件系统
  9. Jquery实现 RadioButton做必选校验
  10. 华南师大教授/教育学博士焦建利力荐《正在爆发的互联网革命》