Mam zdjęcie na pliku/stronie html i chcę dodać listę dostępnych kolorów dla tego obrazu. Chcę stworzyć bardzo małe pudełka lub kropki, małe pudełko na każdy kolor.Jak mogę utworzyć małe pole kolorów używając html i css?
Jak mogę to zrobić?
Dzięki!
Możesz je łatwo tworzyć za pomocą umiejętności pływających CSS, na przykład. Stworzyłem mały przykład na Jsfiddle over here, wszystkie powiązane css i html również tam są.
.foo {
float: left;
width: 20px;
height: 20px;
margin: 5px;
border: 1px solid rgba(0, 0, 0, .2);
}
.blue {
background: #13b4ff;
}
.purple {
background: #ab3fdd;
}
.wine {
background: #ae163e;
}<div class="foo blue"></div>
<div class="foo purple"></div>
<div class="foo wine"></div>Jeśli chcesz tworzyć małe kropki, wystarczy użyć ikonę czcionki niesamowite.
fa fa-circle
To zły tag. Powinieneś prawdopodobnie użyć [html], [css] i być może czegoś więcej. – Nit
Co masz na myśli przez "listę dostępnych kolorów dla tego obrazu"? Czy masz na myśli kolory, które są faktycznie używane w obrazie? – Mawg