Deixar o Texto em Negrito usando CSS ou HTML - O efeito Bold (Negrito em Português) é muito importante para destacar uma palavra ou título de um texto, ele é usando constantemente para diversas finalidades.
Segue um exemplo de um Título e parágrafo normal e em seguida o mesmo porém em negrito.
Título sem Negrito
Parágrafo de um texto sem Negrito
Título com Negrito
Parágrafo com uma palavra em Negrito
- Negrito usando CSS
Para deixar uma palavra ou texto em negrito usando CSS, você precisa adicionar o atributo font-weight: bold; relacionado ao elemento que será modificado.
Exemplo: Crie uma Tag de estilo e relacione ao elemento com o atributo para deixar em negrito.
- 1 - Elemento que será modificado
<span>Texto em negrito</span>
- 2 - Estilo CSS
<style type="text/css">
span{ font-weight: bold; }
</style>
- 3 - Resultado
Texto em Negrito
- Negrito usando HTML
Usando o atributo em HTML é mais fácil pois é só colocar a palavra ou texto dentro da tag <b>, porém ficaria inviável para grandes projetos onde você pode modificar tudo pelas folhas de estilo usando CSS, sem ter que modificar o corpo do site ou conteúdo.
Exemplo sem a Tag <b>:
<span>Texto sem Negrito</span>
Texto sem Negrito
Exemplo com a Tag <b>:
<span><b>Texto com Negrito</b></span>
Texto com Negrito
Se você Gostou do Tutorial ou ele ajudou você de alguma forma, não exite em deixar um comentário para contribuir com o nosso trabalho!