css color文本颜色属性笔记

原创 国哥笔记  2017-12-19 18:39  阅读 1,102 views 次

color属性定义及用法

1、在css中,color属性是用来设置文本的颜色,文本的颜色的颜色默认为黑色(#000);

2、在实际运用中,在设置文本颜色时,往往会参照文本的背景颜色来设置,文本的背景颜色和文本颜色要合理的搭配才能提高文本的可读性(比如黑色和白色就是很常见的搭配)。文本背景颜色和文本颜色一定不要设置成很相近的颜色甚至一样的颜色,这样会让阅读者很难看清文本的内容;

color属性值

  • color_name:颜色值为颜色名称的颜色(比如 red);
  • hex_number:颜色值为十六进制值的颜色(比如 #ffffff);
  • rgb_number:颜色值为 rgb 代码的颜色(比如 rgb(255,0,0));
  • inherit:从父元素继承color属性的属性值。

语法格式:

color:颜色名称 / 十六进制值 / rgb代码 / inherit;

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>css color文本颜色属性笔记</title>
<style>
#c1{color:red}/*颜色名称*/
#c2{color:#00ff00}/*十六进制值的颜色*/
#c3{color:rgb(0,0,255)}/*rgb 代码的颜色*/
</style>
<head/>
<body>
<p id="c1">color文本颜色属性演示1</p> /*p标签*/
<p id="c2">color文本颜色属性演示2</p>
<p id="c3">color文本颜色属性演示3</p>
</body>
</html>

运行结果:

css color文本颜色属性笔记

更多css属性——>css属性大全

本文地址:https://www.ggbiji.com/css-color.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情