- html圆角属性代码讲解(html怎么设置圆角矩形教程)
- win32和win64的区别介绍(猜猜win7哪个系统版本最好用)
- 什么是js代码编程(js编程特点详细介绍)
- photoshop版本顺序近32年发展历程(ps各个版本及年份介绍)
- 学会node.js能做什么(nodejs开发前端的特点)
- linux改IP地址命令怎么改(一分钟修改服务器ip地址)
- linux修改ip地址的命令运行方法(一分钟完成linux更改ip)
- php数组函数的使用方法(常用的数组函数代码)
- ps人物抠图步骤教程(ps图片素材人物高清修图过程)
- js数组indexof方法找某个数(js判断数组中是否包含某个对象用法)
- php跨域问题的解决方案(一招彻底解决跨域问题)
- mysql密码忘了怎么找回(手把手教你找回mysql登录密码)
- html音乐播放器插件代码(Vue制作网页音乐播放器)
- python解释器是什么意思(详细讲解python语言解释器)
- ps的全称是什么(ps全称叫什么名字)
- python保留2位小数点怎么实现(保留2位小数实现方法)
- springmvc原理实现机制详解(mvc工作原理最简单的概述)
- html背景图片全屏特效代码(超简单的网页设计方法)
- css如何设置背景颜色透明度(实例分享css透明度属性代码)
- vue和react的区别以及优劣势(你知道大公司用react还是vue吗)
- vue的优势及特点有哪些(带你了解vue的强大之处)
- linux删除分区信息命令(删除逻辑分区的详细步骤Linux)
- css文字水平居中对齐代码设置(实例css让文字居中代码)
- 后缀xml是什么文件格式(详解xml格式文件)
- 电脑p图软件哪个好用(电脑用什么ps软件最好)
- win7桌面的文件在c盘哪个位置(桌面文件路径如何查看)
- 查看数据库字符集格式语句(一文读懂数据库的字符集)
- vue与react的区别有什么不同(Vue和React深度比较)
- Linux端口转发脚本怎么设置(端口转发最常见的使用场景)
- excel阅读模式找不到怎么办(表格没有找到阅读模式怎么设置)
- js转义字符用法案例解析(转义字符的定义)
- ps格式介绍(详解ps文件有多少种格式)
- 如何查看nodejs版本是多少(node版本的查看方法)
- 服务器的作用和用途(网络服务器的种类介绍)
- 怎样做网站(分享制作自己网站的流程步骤)
- linux删除目录的命令是什么(linux如何删除指定文件目录)
- html视频标签属性代码是什么(网页视频标签代码怎么写)
- dreamwearver是什么软件(推荐一款前端开发工具)
- python中return的用法及意义和实践详解
- chrome禁用js脚本原理(谷歌浏览器如何关闭js禁用)
css设置字体颜色属性代码(css如何定义字体颜色)
CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。
用的最多的就是文本颜色,color属性用于定义文本的颜色。语法如下:
div {
color:red;
}
颜色的表现形式有:
预定义的颜色值: red、green、pink等
十六进制: #FF0000、#FF6600、#29D794等
RGB代码: rgb(255,0,0)或rgb(100%,0%,0%)等
看下效果:

对应的代码为:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
color: blue;
}
</style>
</head>
<body>
<div>人保说的是还有7次洗车,5次还是3次道路救援啥的</div>
</body>
</html>
所有div对应的都为蓝色。
使用第二种方法,16进制颜色来表示,先看下效果:

对应代码为:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* div {
color: blue;
} */
div {
color: #FF0000;
}
</style>
</head>
<body>
<div>人保说的是还有7次洗车,5次还是3次道路救援啥的</div>
</body>
</html>
最后使用第三种方法,看下效果:

对应的代码为:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* div {
color: blue;
} */
/* div {
color: #FF0000;
} */
div {
color: rgb(255, 193, 100);
}
</style>
</head>
<body>
<div>人保说的是还有7次洗车,5次还是3次道路救援啥的</div>
</body>
</html>
rgb竟然是red、green、blue,也是今天才知道的。