首页
关于
友情链接
文章归档
Search
1
centos 32位 64位 下挂vagex一键包代码
718 阅读
2
wordpress转typecho方法
615 阅读
3
一个自制的virto精简版kvm qemu win2003模板 最低64M内存可用
605 阅读
4
PHP 安装
539 阅读
5
暴雨 车被泡了~
478 阅读
默认分类
vps综合利用
登录
/
注册
Search
标签搜索
Uncategorized
安装
mysql
utf-8
网站
google
linux
free
免费
黑色
ssl
一键包
优化
40%
press
vagex
32位
64位
debian
domain
御品VPS
累计撰写
501
篇文章
累计收到
1
条评论
首页
栏目
默认分类
vps综合利用
页面
关于
友情链接
文章归档
搜索到
6
篇与
黑色
的结果
2018-03-24
CSS Table(表格)
CSS 列表样式(ul)CSS 盒子模型 CSS 表格使用 CSS 可以使 HTML 表格更美观。 Company Contact Country Alfreds Futterkiste Maria Anders Germany Berglunds snabbköp Christina Berglund Sweden Centro comercial Moctezuma Francisco Chang Mexico Ernst Handel Roland Mendel Austria Island Trading Helen Bennett UK Königlich Essen Philip Cramer Germany Laughing Bacchus Winecellars Yoshi Tannamuri Canada Magazzini Alimentari Riuniti Giovanni Rovelli Italy North/South Simon Crowther UK Paris spécialités Marie Bertrand France The Big Cheese Liz Nixon USA Vaffeljernet Palle Ibsen Denmark 表格边框指定CSS表格边框,使用border属性。下面的例子指定了一个表格的Th和TD元素的黑色边框:实例table, th, td{border: 1px solid black;}尝试一下 »请注意,在上面的例子中的表格有双边框。这是因为表和th/ td元素有独立的边界。为了显示一个表的单个边框,使用 border-collapse属性。折叠边框border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开:实例table{border-collapse:collapse;}table,th, td{border: 1px solid black;}尝试一下 »表格宽度和高度Width和height属性定义表格的宽度和高度。下面的例子是设置100%的宽度,50像素的th元素的高度的表格:实例table{width:100%;}th{height:50px;}尝试一下 »表格文字对齐表格中的文本对齐和垂直对齐属性。text-align属性设置水平对齐方式,像左,右,或中心:实例td{text-align:right;}尝试一下 »垂直对齐属性设置垂直对齐,比如顶部,底部或中间:实例td{height:50px;vertical-align:bottom;}尝试一下 »表格填充如果在表的内容中控制空格之间的边框,应使用td和th元素的填充属性:实例td{padding:15px;}尝试一下 »表格颜色下面的例子指定边框的颜色,和th元素的文本和背景颜色:实例table, td, th{border:1px solid green;}th{background-color:green;color:white;}尝试一下 »更多实例制作一个个性表格这个例子演示了如何创建一个个性的表格。设置表格标题的位置这个例子演示了如何定位表格标题。
2018年03月24日
172 阅读
0 评论
0 点赞
2018-03-24
CSS 提示工具(Tooltip)
CSS 下拉菜单CSS 提示工具(Tooltip)本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。提示工具在鼠标移动到指定元素后触发,先看以下四个实例: .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted #ccc; zcursor: help; color: #006080; } .tooltip .tooltiptext { visibility: hidden; position: absolute; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; z-index: 1; opacity: 0; transition: opacity .6s; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .tooltip .tooltiptext2 { visibility: hidden; position: absolute; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; z-index: 1; } .tooltip:hover .tooltiptext2 { visibility: visible; } .tooltip-right { top: -5px; left: 125%; } .tooltip-right2 { top: -5px; left: 105%; } .tooltip-right::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent #555 transparent transparent; } .tooltip-bottom { top: 135%; left: 50%; margin-left: -60px; } .tooltip-bottom2 { top: 125%; left: 50%; margin-left: -60px; } .tooltip-bottom::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent #555 transparent; } .tooltip-top { bottom: 125%; left: 50%; margin-left: -60px; } .tooltip-top2 { bottom: 115%; left: 50%; margin-left: -60px; } .tooltip-top::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-left { top: -5px; bottom:auto; right: 128%; } .tooltip-left2 { top: -5px; bottom:auto; right: 105%; } .tooltip-left::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #555; } .tooltip .tooltiptext-bottomarrow { visibility: hidden; width: 120px; background-color: #111; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 130%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext-bottomarrow::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } .tooltip:hover .tooltiptext-bottomarrow { visibility: visible; } .tooltip .tooltiptext-toparrow { visibility: hidden; width: 120px; background-color: #111; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px; } .tooltip .tooltiptext-toparrow::after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext-toparrow { visibility: visible; } .tooltip .tooltiptext-leftarrow { visibility: hidden; width: 120px; background-color: #111; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; left: 110%; } .tooltip .tooltiptext-leftarrow::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } .tooltip:hover .tooltiptext-leftarrow { visibility: visible; } .tooltip .tooltiptext-rightarrow { visibility: hidden; width: 120px; background-color: #111; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; right: 110%; } .tooltip .tooltiptext-rightarrow::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent black; } .tooltip:hover .tooltiptext-rightarrow { visibility: visible; } 头部显示 提示框文本右边显示 提示框文本底部显示 提示框文本左边显示 提示框文本基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示:HTML 代码:<style>/*Tooltip 容器*/.tooltip{position:relative;display:inline-block;border-bottom:1pxdottedblack;/*悬停元素上显示点线*/}/*Tooltip 文本*/.tooltip.tooltiptext{visibility:hidden;width:120px;background-color:black;color:#fff;text-align:center;padding:5px0;border-radius:6px;/*定位*/position:absolute;z-index:1;}/*鼠标移动上去后显示提示框*/.tooltip:hover.tooltiptext{visibility:visible;}</style><divclass="tooltip">鼠标移动到这<spanclass="tooltiptext">提示文本</span></div>尝试一下 »实例解析HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠标移动到 <div> 上时显示提示信息。提示文本放在内联函数上(如 <span>) 并使用class="tooltiptext"。CSS)tooltip 类使用 position:relative, 提示文本需要设置定位值 position:absolute。 注意: 接下来的实例会显示更多的定位效果。tooltiptext 类用于实际的提示文本。模式是隐藏的,在鼠标移动到元素显示 。设置了一些宽度、背景色、字体色等样式。CSS3 border-radius 属性用于为提示框添加圆角。:hover 选择器用于在鼠标移动到到指定元素 <div> 上时显示的提示。定位提示工具以下实例中,提示工具显示在指定元素的右侧(left:105%) 。注意 top:-5px 同于定位在容器元素的中间。使用数字 5 因为提示文本的顶部和底部的内边距(padding)是 5px。如果你修改 padding 的值,top 值也要对应修改,这样才可以确保它是居中对齐的。在提示框显示在左边的情况也是这个原理。显示在右侧:.tooltip.tooltiptext{top:-5px;left:105%;}尝试一下 »显示在左侧:.tooltip.tooltiptext{top:-5px;right:105%;}尝试一下 »如果你想要提示工具显示在头部和底部。我们需要使用 margin-left 属性,并设置为 -60px。 这个数字计算来源是使用宽度的一半来居中对齐,即: width/2 (120/2 = 60)。显示在头部:.tooltip.tooltiptext{width:120px;bottom:100%;left:50%;margin-left:-60px;/*使用一半宽度 (120/2 = 60) 来居中提示工具*/}尝试一下 »显示在底部:.tooltip.tooltiptext{width:120px;top:100%;left:50%;margin-left:-60px;/*使用一半宽度 (120/2 = 60) 来居中提示工具*/}尝试一下 »添加箭头我们可以用CSS 伪元素 ::after 及 content 属性为提示工具创建一个小箭头标志,箭头是由边框组成的,但组合起来后提示工具像个语音信息框。以下实例演示了如何为显示在顶部的提示工具添加底部箭头:顶部提示框/底部箭头:.tooltip.tooltiptext::after{content:" ";position:absolute;top:100%;/*提示工具底部*/left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:blacktransparenttransparenttransparent;}尝试一下 »实例解析在提示工具内定位箭头: top: 100% , 箭头将显示在提示工具的底部。left: 50% 用于居中对齐箭头。注意:border-width 属性指定了箭头的大小。如果你修改它,也要修改 margin-left 值。这样箭头在能居中显示。border-color 用于将内容转换为箭头。设置顶部边框为黑色,其他是透明的。如果设置了其他的也是黑色则会显示为一个黑色的四边形。以下实例演示了如何在提示工具的头部添加箭头,注意设置边框颜色:底部提示框/顶部箭头:.tooltip.tooltiptext::after{content:" ";position:absolute;bottom:100%;/*提示工具头部*/left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparenttransparentblacktransparent;}尝试一下 »以下两个实例是左右两边的箭头实例:右侧提示框/左侧箭头:.tooltip.tooltiptext::after{content:" ";position:absolute;top:50%;right:100%;/*提示工具左侧*/margin-top:-5px;border-width:5px;border-style:solid;border-color:transparentblacktransparenttransparent;}尝试一下 »左侧提示框/右侧箭头:.tooltip.tooltiptext::after{content:" ";position:absolute;top:50%;left:100%;/*提示工具右侧*/margin-top:-5px;border-width:5px;border-style:solid;border-color:transparenttransparenttransparentblack;}尝试一下 »淡入效果我们可以使用 CSS3 transition 属性及 opacity 属性来实现提示工具的淡入效果:左侧提示框/右侧箭头:.tooltip.tooltiptext{opacity:0;transition:opacity1s;}.tooltip:hover.tooltiptext{opacity:1;}尝试一下 »更多实例漂亮的 CSS 提示框
2018年03月24日
173 阅读
0 评论
0 点赞
2018-03-24
CSS 实例
CSS 总结CSS 组合选择符 CSS 实例CSS背景设置页面的背景颜色设置不同元素的背景颜色设置一个图像作为页面的背景错误的背景图片如何在水平方向重复背景图像如何定位背景图像一个固定的背景图片(这个图片不会随页面的其余部分滚动)在一个声明的所有背景属性高级的背景例子背景属性的解释CSS文本设置不同元素的文本颜色文本对齐移除链接下划线装饰文字控制文本中的字母缩进文本指定了字符之间的空间指定了行与行之间的空间设置元素的文本方向增加单词之间的空格在一个元素内禁用文字换行内部文字图像的垂直对齐 Text属性的解释CSS的字体设置文本的字体设置字体大小用px设置的字体的大小用em设置的字体的大小用百分比和em设置字体的大小设置字体样式设置字体的异体设置字体的粗细在一个声明的所有字体属性 Font属性的解释CSS链接为访问/未访问链接添加不同的颜色在链接上使用文本装饰指定链接的背景颜色超链接添加其他样式高级 - 创建链接框 链接属性的解释CSS列表列表中所有不同的列表项标记设置作为列表项标记的图像使用跨浏览器解决方案设置一个列表项标记的图像在一个声明中的所有列表属性 列表属性的解释CSS表格指定一个表的Th,TD元素和黑色边框使用border-collapse指定表格的宽度和高度设置内容的水平对齐方式(文本对齐)设置内容的垂直对齐(垂直对齐)指定TH和TD元素的填充指定表格边框的颜色设置表格标题的位置创建一个奇特的表 表格属性的解释CSS盒模型指定元素的总宽度为250像素使用跨浏览器的解决方案指定元素的总宽度为250像素的 盒模型的解释CSS边框设置四个边框的宽度设置上边框的宽度设置底部边框的宽度设置左边框的宽度设置右边框的宽度 设置四个边框的样式设置上边框的样式设置下边框的样式设置左边框的样式设置右边框的样式 设置四个边框的颜色设置上边框的颜色设置下边框的颜色设置左边框的颜色设置右边框的颜色 在一个声明中的所有边框属性 每边设置不同的边框在一个声明中的所有顶部边框属性在一个声明中的所有下边框属性在一个声明中的所有左边框属性在一个声明中的所有右边框属性 边框属性的解释CSS轮廓围绕一个元素(outline),绘制一条线设置轮廓的样式设置轮廓颜色设置轮廓的宽度 轮廓属性的解释CSS边距指定一个元素的边距边距缩写属性文本顶部边距设置的值使用厘米使用百分比值设置文本的底部边缘使用厘米值设置文本的左边距 Margin属性的解释CSS填充设置元素的左部填充设置元素的右部填充设置元素的顶部填充设置元素的底部填充在一个声明中的所有填充属性 padding属性的解释CSS分组和嵌套组选择器嵌套选择器 分组和嵌套解释CSS尺寸使用像素值设置图像的高度使用百分比设置图像的高度使用像素值来设置元素的宽度使用百分比来设置元素的宽度设置元素的最大高度使用像素值设置元素的最大宽度使用百分比来设置元素的最大宽度设置元素的最低高度使用像素值来设置元素的最小宽度使用百分比来设置元素的最小宽度 尺寸属性的解释CSS显示如何隐藏一个元素(visibility:hidden)如何不显示元素(display:none)如何显示一个元素的内联元素如何显示一个元素的块元素H如何使用表格的collapse属性 Display属性的解释CSS定位元素相对浏览器窗口的位置元素的相对定位元素的绝对定位重叠的元素设置元素的形状如何使用滚动条来显示元素内溢出的内容如何设置浏览器自动溢出处理使用像素值设置图像的顶部使用像素值设置图像的底部使用像素值设置图像的左边使用像素值设置图像的右边更改光标 定位属性的解释CSS浮动简单的使用float属性为图像添加边框和边距并浮动到段落的左侧标题和图片向右侧浮动让段落的第一个字母浮动到左侧使用float属性创建一个图片廊开启float - clear属性创建一个水平菜单创建一个没有表格的网页 Float属性的解释CSS对齐元素使用margin的中间调整左/右位置对齐使用跨浏览器解决方案,设置左/右位置对齐左/右对齐,浮动使用跨浏览器解决方案,设置左/右位置对齐,浮动 对齐属性解释CSS生成的内容把括号内的URL用content属性插入到每个链接后面章节和分节的编号是"第1节","1.1","1.2"等quotes 属性指定了引号CSS伪类添加不同颜色的超链接给超链接添加其他样式使用:焦点:first-child - 匹配了第一个p元素:first-child - 匹配了第一个p元素中的I元素:first-child - 匹配了第一个p元素中的所有I元素使用:lang 伪类的解释CSS伪元素把文本的第一个字母设为特殊的字母把第一行文字设置为特殊把第一行文字的第一个字母设置为特殊使用:在一个元素之前插入一些内容使用:在一个元素之后插入一些内容 伪元素的解释CSS导航栏垂直导航栏的全样式水平导航栏的全样式 导航栏的解释CSS图片廊图片廊 图片廊解释CSS图像的不透明度创建透明图像 - 鼠标悬停效果创建一个背景图像与文本的透明框 图像的不透明度解释CSS图像拼合图像拼合图像拼合-导航列表悬停效果与图像拼合 图像拼合解释CSS属性选择器选择具有title属性的元素选择标题=一个特定值的元素选择标题=一个特定值的元素(使用(~)分隔属性和值)选择标题=一个特定值的元素(使用(|)分隔属性和值) 属性选择器解释CSS 应用实例 CSS 加载进度条 CSS 分页样式 CSS 进度条 CSS 提示信息实例 CSS 文字覆盖图像悬停效果 CSS 文字覆盖图像悬停效果 - 从上至下 CSS 文字覆盖图像悬停效果 – 从下至上 CSS 文字覆盖图像悬停效果 – 从右至左 CSS 文字覆盖图像悬停效果 – 从左至右 CSS 文字覆盖图像悬停效果 – 淡入透明 CSS 垂直按钮组 CSS 按钮组 CSS Loading(加载) 动画效果 CSS Loading(加载) 动画效果2 CSS Loading(加载) 动画效果3 CSS Loading(加载) 动画效果4 CSS 动态搜索框 CSS 用户信息卡片 CSS 卡片样式 CSS 上一页、下一页样式 CSS 各种提示信息框 CSS 三种价格表样式 CSS 开关样式 CSS 上下左右四个方向箭头 CSS 反馈信息表单 CSS font-awesome 图标菜单栏 CSS 顶部导航样式实例 CSS 便签样式效果 CSS 水平滚动菜单 CSS 垂直菜单 CSS 垂直滚动菜单 CSS 固定菜单栏 CSS 固定底部菜单栏 CSS 下拉菜单 CSS 下拉内容的对齐方式 CSS 导航条下拉菜单
2018年03月24日
149 阅读
0 评论
0 点赞
2018-03-23
HTML 颜色
HTML 框架HTML 颜色名 HTML 颜色HTML 颜色由红色、绿色、蓝色混合而成。颜色值HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。这个表格给出了由三种颜色混合而成的具体效果:颜色值 颜色(Color) 颜色十六进制(Color HEX) 颜色RGB(Color RGB) #000000 rgb(0,0,0) #FF0000 rgb(255,0,0) #00FF00 rgb(0,255,0) #0000FF rgb(0,0,255) #FFFF00 rgb(255,255,0) #00FFFF rgb(0,255,255) #FF00FF rgb(255,0,255) #C0C0C0 rgb(192,192,192) #FFFFFF rgb(255,255,255) 尝试一下 »1600万种不同颜色三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。在下面的颜色表中你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色。 Red Light Color HEX Color RGB #000000 rgb(0,0,0) #080000 rgb(8,0,0) #100000 rgb(16,0,0) #180000 rgb(24,0,0) #200000 rgb(32,0,0) #280000 rgb(40,0,0) #300000 rgb(48,0,0) #380000 rgb(56,0,0) #400000 rgb(64,0,0) #480000 rgb(72,0,0) #500000 rgb(80,0,0) #580000 rgb(88,0,0) #600000 rgb(96,0,0) #680000 rgb(104,0,0) #700000 rgb(112,0,0) #780000 rgb(120,0,0) #800000 rgb(128,0,0) #880000 rgb(136,0,0) #900000 rgb(144,0,0) #980000 rgb(152,0,0) #A00000 rgb(160,0,0) #A80000 rgb(168,0,0) #B00000 rgb(176,0,0) #B80000 rgb(184,0,0) #C00000 rgb(192,0,0) #C80000 rgb(200,0,0) #D00000 rgb(208,0,0) #D80000 rgb(216,0,0) #E00000 rgb(224,0,0) #E80000rgb(232,0,0) #F00000 rgb(240,0,0) #F80000 rgb(248,0,0) #FF0000 rgb(255,0,0) 灰暗色调以下展示了灰色到黑色的渐变 Gray Shades Color HEX Color RGB #000000 rgb(0,0,0) #080808 rgb(8,8,8) #101010 rgb(16,16,16) #181818 rgb(24,24,24) #202020 rgb(32,32,32) #282828 rgb(40,40,40) #303030 rgb(48,48,48) #383838 rgb(56,56,56) #404040 rgb(64,64,64) #484848 rgb(72,72,72) #505050 rgb(80,80,80) #585858 rgb(88,88,88) #606060 rgb(96,96,96) #686868 rgb(104,104,104) #707070 rgb(112,112,112) #787878 rgb(120,120,120) #808080 rgb(128,128,128) #888888 rgb(136,136,136) #909090 rgb(144,144,144) #989898 rgb(152,152,152) #A0A0A0 rgb(160,160,160) #A8A8A8 rgb(168,168,168) #B0B0B0 rgb(176,176,176) #B8B8B8 rgb(184,184,184) #C0C0C0 rgb(192,192,192) #C8C8C8 rgb(200,200,200) #D0D0D0 rgb(208,208,208) #D8D8D8 rgb(216,216,216) #E0E0E0 rgb(224,224,224) #E8E8E8 rgb(232,232,232) #F0F0F0 rgb(240,240,240) #F8F8F8 rgb(248,248,248) #FFFFFF rgb(255,255,255) Web安全色?数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。 000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 0099CC 0099FF 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF 330000 330033 330066 330099 3300CC 3300FF 333300 333333 333366 333399 3333CC 3333FF 336600 336633 336666 336699 3366CC 3366FF 339900 339933 339966 339999 3399CC 3399FF 33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF 33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF 660000 660033 660066 660099 6600CC 6600FF 663300 663333 663366 663399 6633CC 6633FF 666600 666633 666666 666699 6666CC 6666FF 669900 669933 669966 669999 6699CC 6699FF 66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF 66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF 990000 990033 990066 990099 9900CC 9900FF 993300 993333 993366 993399 9933CC 9933FF 996600 996633 996666 996699 9966CC 9966FF 999900 999933 999966 999999 9999CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
2018年03月23日
158 阅读
0 评论
0 点赞
2018-03-23
HTML 颜色名
HTML 颜色HTML 颜色值 HTML 颜色名目前所有浏览器都支持以下颜色名。141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。 提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。点击其中一个颜色名称(或一个十六进制值)就可以查看与不同文字颜色搭配的背景颜色。按颜色名排序按十六进制的值排序单击一个颜色名或者 16 进制值,就可以查看与不同文字颜色搭配的背景颜色。 Color Name HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B DarkCyan #008B8B DarkGoldenRod #B8860B DarkGray #A9A9A9 DarkGreen #006400 DarkKhaki #BDB76B DarkMagenta #8B008B DarkOliveGreen #556B2F DarkOrange #FF8C00 DarkOrchid #9932CC DarkRed #8B0000 DarkSalmon #E9967A DarkSeaGreen #8FBC8F DarkSlateBlue #483D8B DarkSlateGray #2F4F4F DarkTurquoise #00CED1 DarkViolet #9400D3 DeepPink #FF1493 DeepSkyBlue #00BFFF DimGray #696969 DodgerBlue #1E90FF FireBrick #B22222 FloralWhite #FFFAF0 ForestGreen #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC GhostWhite #F8F8FF Gold #FFD700 GoldenRod #DAA520 Gray #808080 Green #008000 GreenYellow #ADFF2F HoneyDew #F0FFF0 HotPink #FF69B4 IndianRed #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA LavenderBlush #FFF0F5 LawnGreen #7CFC00 LemonChiffon #FFFACD LightBlue #ADD8E6 LightCoral #F08080 LightCyan #E0FFFF LightGoldenRodYellow #FAFAD2 LightGray #D3D3D3 LightGreen #90EE90 LightPink #FFB6C1 LightSalmon #FFA07A LightSeaGreen #20B2AA LightSkyBlue #87CEFA LightSlateGray #778899 LightSteelBlue #B0C4DE LightYellow #FFFFE0 Lime #00FF00 LimeGreen #32CD32 Linen #FAF0E6 Magenta #FF00FF Maroon #800000 MediumAquaMarine #66CDAA MediumBlue #0000CD MediumOrchid #BA55D3 MediumPurple #9370DB MediumSeaGreen #3CB371 MediumSlateBlue #7B68EE MediumSpringGreen #00FA9A MediumTurquoise #48D1CC MediumVioletRed #C71585 MidnightBlue #191970 MintCream #F5FFFA MistyRose #FFE4E1 Moccasin #FFE4B5 NavajoWhite #FFDEAD Navy #000080 OldLace #FDF5E6 Olive #808000 OliveDrab #6B8E23 Orange #FFA500 OrangeRed #FF4500 Orchid #DA70D6 PaleGoldenRod #EEE8AA PaleGreen #98FB98 PaleTurquoise #AFEEEE PaleVioletRed #DB7093 PapayaWhip #FFEFD5 PeachPuff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD PowderBlue #B0E0E6 Purple #800080 Red #FF0000 RosyBrown #BC8F8F RoyalBlue #4169E1 SaddleBrown #8B4513 Salmon #FA8072 SandyBrown #F4A460 SeaGreen #2E8B57 SeaShell #FFF5EE Sienna #A0522D Silver #C0C0C0 SkyBlue #87CEEB SlateBlue #6A5ACD SlateGray #708090 Snow #FFFAFA SpringGreen #00FF7F SteelBlue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF WhiteSmoke #F5F5F5 Yellow #FFFF00 YellowGreen #9ACD32
2018年03月23日
162 阅读
0 评论
0 点赞
1
2