How can I create a small color box using html and css

Question

I have a picture on a html file site and I want to add the list of available colors for that picture  I want to create very small boxes or dots  a small box for every color   How can I do this   Thanks

User · Answer

If you want to create a small dots  just use icon from font awesome   fa fa-circle

User · Answer

You can create these easily using the floating ability of CSS  for example  I have created a small example on Jsfiddle over here  all the related css and html is also provided there    x000D   x000D   foo   x000D    float  left  x000D    width  20px  x000D    height  20px  x000D    margin  5px  x000D    border  1px solid rgba 0  0  0   2   x000D    x000D   x000D   blue   x000D    background   13b4ff  x000D    x000D   x000D   purple   x000D    background   ab3fdd  x000D    x000D   x000D   wine   x000D    background   ae163e  x000D    x000D   lt div class  foo blue  gt  lt  div gt  x000D   lt div class  foo purple  gt  lt  div gt  x000D   lt div class  foo wine  gt  lt  div gt  x000D   x000D   x000D

[html] How can I create a small color box using html and css?

Examples related to html

Examples related to css