颜色是UI中必不可少的组成部分,所以color属性使用很频繁,比如文字(color)、背景色(background-color)、边框色(border-color)等。 这里只记录几种常见的表达方式,所有支持的方式可参考1: https://blog.csdn.net/zgdwxp/article/details/100096097
使用实例 英文代码使用实例:<p style="color: red"> This is my font </p> HEX格式使用实例: <p style="color: #FFB6C1"> This is my
CSScolor属性 实例 不同元素设置text-color: body{color:red;}h1{color:#00ff00;}p{color:rgb(0,0,255);} 尝试一下 » 属性定义及使用说明 Color属性指定文本的颜色。 默认值:未指定 继承:是 版本:CSS1 JavaScript 语法:object.style.color="#FF0000" ...
background-color: blue; } 上面代码,就是定义了div的文本颜色为red红色,背景色为blue蓝色。 需要注意的是: CSS并不区分大小写,所以,这些颜色名称使用大小写都可以,一般习惯用小写。 如果使用CSS标准未定义的颜色名称,则样式的颜色属性不起作用。 rgb[a] CSS支持RGB颜色模型,可以直接使用rgb()类函数的方式来表示...
在RGB的基础上,增加了A(Alpha通道,即透明度,取值为0-1) color: rgba(0, 0, 255, 0.3); 1. HSLA 表示法 文字填充颜色 text-fill-color 默认值:transparent 其功能与 color 基本相同,但当 text-fill-color 和 color 同时存在时,text-fill-color 会覆盖 color 文本排版 首行缩进 text-indent <p style="...
实例 不同元素设置text-color: body { color:red; } h1 { color:#00ff00; } p { color:rgb(0,0,255); } 尝试一下 » 属性定义及使用说明Color属性指定文本的颜色。默认值: not specified 继承: no 版本: CSS1 JavaScript 语法: object.style.color="#FF0000"...
color:black; } .tittle { font-size:30px; font-weight:400; color:#FF0000; } em { font-style:normal; color:rgb(0, 0, 255); } </style> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 二、text-align 文本对齐方式 ...
background-color: blue; } 上面代码,就是定义了div的文本颜色为red红色,背景色为blue蓝色。 需要注意的是: CSS并不区分大小写,所以,这些颜色名称使用大小写都可以,一般习惯用小写。 如果使用CSS标准未定义的颜色名称,则样式的颜色属性不起作用。 rgb[a] ...
CSScolor属性 实例 不同元素设置text-color: body{color:red;}h1{color:#00ff00;}p{color:rgb(0,0,255);} 尝试一下 » 属性定义及使用说明 Color属性指定文本的颜色。 默认值:未指定 继承:是 版本:CSS1 JavaScript 语法:object.style.color="#FF0000" ...
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>RGB_CSS参考手册_web前端开发参考手册系列</title> <style> .foreground{color:rgb(255,0,0);} .background{background-color:rgb(128,128,128);} .percent-color{background-color:rgb(50%,50%,50%);} </style...