Você pode fazer uma forma de estrela com apenas algumas linhas de código em um Cascading Style Sheet (CSS), em vez de usar um arquivo de imagem para transmitir a forma em uma página da Web. carregamentos de código CSS mais rápido do que uma imagem, o que melhora a experiência website para os seus visitantes. É também muito fácil de mudar as cores e proporções da forma quando você usa CSS, já que não requer software de edição de imagem.
A estrela de seis lados é a forma mais fácil de estrela para criar em CSS, uma vez que é composta de apenas dois triângulos.
Coisas que você precisa
- editor de texto simples
Abra um documento HTML.
Na secção do documento HTML, insira o seguinte código:
Criar um elemento chamado "triângulo-up" dentro da seção do documento HTML. Defina as propriedades de fronteira, largura e posição do elemento para criar um triângulo. Por exemplo, para criar um triângulo que é 80 pixels (px) de largura e 60px de altura, insira o seguinte código:
triângulo-up {border-color: transparent transparent # 000000 transparente;border-style: sólida;
border-width: 0px 40px 60px 40px;
width: 0px;
position: absolute;
top: 0px;
}
Criar um elemento chamado "triângulo-down" na seção do documento HTML. Este triângulo deve ser uma imagem de espelho do "triângulo-up" elemento. O código será parecido com este:
triângulo para baixo {border-color: # 000000 transparente transparente transparente;border-style: sólida;
border-width: 60px 40px 0px 40px;
width: 0px;
position: absolute;
top: 35px;
}
Insira o seguinte código na secção do documento HTML:
Salve o documento HTML e abri-lo em um navegador para ver o resultado final.
Como para exibir o texto html em uma miniatura em uma galeria css
Como proteger imagens da página web em css
Como encontrar um lado de um triângulo isósceles
Como incorporar um documento do microsoft word em um site
Como fazer asteriscos uma cor diferente em html
Como definir a largura de uma div