Imprimir este capítuloImprimir este capítulo

Repositório Códigos HTML

13. Box com Setas

Textos
Textos

Veja a seguir o código HTML comentado.

Código

<div class="spotlight spotlight-v1 arrow-top"><span style="color: #ffffff;">Textos</span></div>
<div class="spotlight spotlight-v1 arrow-bottom"><span style="color: #ffffff;">Textos</span></div>
<p></p>

Comentário

O trecho em verde claro define a cor da fonte (neste caso, branca) dentro do box verde.

Os trechos em salmão são relativos aos títulos e texto  explicativo a ser inserido abaixo da imagem. O código <h5> antes e depois do título refere-se ao nível de cabeçalho (tamanho e formatação).