CSS dot pattern background

Creare fundal punctat cu ajutorul CSS

Daca este nevoie de un fundal punctat, calea anevoioasa de creare a unei imagini punctate folosite ca fundal si repetate orizontal si vertical nu mai este singura solutie pentru aceasta sarcina.

CSS vine in ajutorul programatorului front-end prin cateva directive simple care ne ajuta sa cream acest background punctat (CSS dot pattern / grid background)

Iata codul folosit pentru fundalul acestui articol:

body .content{

    background-image: radial-gradient(
        circle at center,
        #ec3c06 0,
        #ec3c06 1px,
        white 1px,
        white 100%);
    background-repeat: repeat;
    background-position: left center;
    background-size: 12px 12px;

}