Olá, queria colocar uma borda da mesma maneira que está na imagem. Não sei como chama este tipo de borda, então fica difícil pesquisar.
<h1> Destaques </h1>
-------------------------------- Destaques --------------------------------
Sei que é possível fazer isto com css, pois já usei vários temas bootstrap que usam isto com css. Porém quero saber como fazer manualmente.
No caso percebi que não pode sobrepor uma imagem, pois se tiver um background-image ficaria com a letra riscada no fundo.
E se tirasse o background color e colocasse transparente ficaria assim:
Mas teria que ficar assim:
Igual a este site aqui: http://adtrends.com.br/sobre.php
::before
e::after
, utilizar o inspetor de elementos do Chrome e Firefox (botão direto > inspecionar elemento) pode ajudar