如何使用html和css创建一个小的颜色框?

我在html文件/站点上有一张图片,我想为该图片添加可用颜色列表。我想创建非常小的框或点,每种颜色的小框

我该怎么做

谢谢

例如,您可以使用CSS的浮动功能轻松创建这些。
我在这里创建了一个关于JSFIDLE的小例子,所有相关的css和html都在这里提供

.foo{
浮动:左;
宽度:20px;
高度:20px;
保证金:5px;
边框:1px实心rgba(0,0,0,2);
}
蓝先生{
背景:#13b4ff;
}
紫色{
背景:ab3fdd;
}
.葡萄酒{
背景:#ae163e;
}
<div class=“foo blue”&gt&lt/部门>
<div class=“foo purple”&gt&lt/部门>
<div class=“foo wine”&gt&lt/部门&gt

发表评论