Skip to main content
adicionou 29 caracteres ao conteúdo
Fonte Link
Bruno Rigolon
  • 3,3mil
  • 11
  • 17

Quero que meu texto ficofique com as bordas fiquem assim as de cima preta e as do lado cinzada seguinte forma:

Topo: preto
Laterais: Cinza

Segue exemplo de como gostaria que ficasse:

inserir a descrição da imagem aqui

mas ela esta assim comoSegue imagem até onde consegui. Como faço para deixar asa borda de cima ficar preta e aumentar a distancia dos ladosas distancias das laterais do texto ? Irei colocar meu htmlSegue HTML e cssCSS que estou utilizando.

inserir a descrição da imagem aqui

.explicacao_produto{
 border: 1px solid #C0C0C0;
margin-left: 10px;
}
    <h:panelGroup layout="block" styleClass="explicacao_produto">
                       <h2>Bermuda Lacoste</h2>
                       <p>texto</p>
                       
                       <h4 class="dimensao">Dimensões</h4>
                       <p>- Altura: 9,5cm</p>
                       <p>- Diâmetro: 8cm</p>
                       <p>- Capacidade: 300ml</p>
                       </h:panelGroup>

Quero que meu texto fico com as bordas fiquem assim as de cima preta e as do lado cinza inserir a descrição da imagem aqui

mas ela esta assim como faço para deixar as borda de cima preta e aumentar a distancia dos lados do texto ? Irei colocar meu html e css.

inserir a descrição da imagem aqui

.explicacao_produto{
 border: 1px solid #C0C0C0;
margin-left: 10px;
}
    <h:panelGroup layout="block" styleClass="explicacao_produto">
                       <h2>Bermuda Lacoste</h2>
                       <p>texto</p>
                       
                       <h4 class="dimensao">Dimensões</h4>
                       <p>- Altura: 9,5cm</p>
                       <p>- Diâmetro: 8cm</p>
                       <p>- Capacidade: 300ml</p>
                       </h:panelGroup>

Quero que meu texto fique com as bordas da seguinte forma:

Topo: preto
Laterais: Cinza

Segue exemplo de como gostaria que ficasse:

inserir a descrição da imagem aqui

Segue imagem até onde consegui. Como faço para a borda de cima ficar preta e aumentar as distancias das laterais do texto ? Segue HTML e CSS que estou utilizando.

inserir a descrição da imagem aqui

.explicacao_produto{
 border: 1px solid #C0C0C0;
margin-left: 10px;
}
    <h:panelGroup layout="block" styleClass="explicacao_produto">
                       <h2>Bermuda Lacoste</h2>
                       <p>texto</p>
                       
                       <h4 class="dimensao">Dimensões</h4>
                       <p>- Altura: 9,5cm</p>
                       <p>- Diâmetro: 8cm</p>
                       <p>- Capacidade: 300ml</p>
                       </h:panelGroup>
Fonte Link
User1999
  • 854
  • 1
  • 14
  • 39

Border de diferentes cores

Quero que meu texto fico com as bordas fiquem assim as de cima preta e as do lado cinza inserir a descrição da imagem aqui

mas ela esta assim como faço para deixar as borda de cima preta e aumentar a distancia dos lados do texto ? Irei colocar meu html e css.

inserir a descrição da imagem aqui

.explicacao_produto{
 border: 1px solid #C0C0C0;
margin-left: 10px;
}
    <h:panelGroup layout="block" styleClass="explicacao_produto">
                       <h2>Bermuda Lacoste</h2>
                       <p>texto</p>
                       
                       <h4 class="dimensao">Dimensões</h4>
                       <p>- Altura: 9,5cm</p>
                       <p>- Diâmetro: 8cm</p>
                       <p>- Capacidade: 300ml</p>
                       </h:panelGroup>