Voglio creare un quadrato davanti a un intervallo. Qualcosa di simile a questo image.Come posso usare: prima della proprietà per creare un quadrato prima di un intervallo
ma non sono riusciti a creare questo con span:before
proprietà. È possibile creare con questo? Se sì, allora qualcuno può dirmi come posso farlo?
Ho creato questo con semplice CSS. Qui è il mio codice
HTML:
<div id="five_day_table">
<h3>Annual Cleaning Schedule</h3>
<div class="r-cl"><span></span>Forecasted Rain Clean</div>
<div class="m-cl"><span></span>Forecasted Manual Clean</div>
<div class="cm-cl"><span></span>Completed Manual Clean</div>
<div class="d-cl"><span></span>Forecasted Dirty Rain</div>
</div>
e CSS
#five_day_table span {
width: 14px;
height: 14px;
display: block;
float: left;
margin: 1px 3px 0px 0px;
}
.r-cl span
{
background: Blue;
}
.m-cl span
{
background: red;
}
.cm-cl span
{
background: green;
}
.d-cl span
{
background: brown;
}
Ecco il link di lavoro. Ma voglio usare solo questo HTML.
<div id="five_day_table">
<h3>Annual Cleaning Schedule</h3>
<span class='one'>Forecasted Rain Clean</span>
<span class='two'>Forecasted Manual Clean</span>
<span class='three'>Completed Manual Clean</span>
<span class='four'>Forecasted Dirty Rain</span>
</div>
Com'è possibile?
bel lavoro .. thanx – MKD