Como fazer pontos de bala em html

Usando pontos de bala ajuda a quebrar grandes pedaços de texto e apontar listas de informações úteis. Bullet pontos são fáceis de criar em software de processamento de texto, mas quando você está digitando um documento HTML, você precisa saber o código para criá-los. Não muito código é necessário para criar uma lista de marcadores. Enrole cada lista

  • tags e, em seguida, enrole a lista inteira em
      ou tags "lista desordenada". Você pode, então, fazer o que quiser com a lista de marcadores usando o código Cascading Style Sheet.

    • Escrever o texto para seus pontos de bala. Comece cada ponto em sua própria linha. Enrole cada linha

    • e
    • tags como assim:

    • Este é um ponto com marcadores
    • Este é outro ponto de bala
    • Criar uma linha em branco acima da lista de marcadores e, em seguida, digite uma abertura

        tag nessa linha. Encontrar o fim da sua lista de marcadores e, em seguida, criar uma outra linha em branco lá. Digite um fechamento
      tag nessa linha. Se você quer denominar a lista com CSS depois, em seguida, adicionar um atributo de classe ou ID para a abertura
        tag. Aqui está um exemplo de uma lista de marcadores curto, com um atributo ID:



        • uma bala
        • bala dois

      • Use "estilo" para criar sua lista de marcadores usando o código CSS. Adicione código CSS entre as tags entre o e Tag, ou você pode escrever o código CSS em um arquivo .css externo e incorporar o arquivo usando um tag como esta: . Change "path / to / stylesheet.css" com o caminho para o arquivo .CSS você cria. Use o ID ou classe de atributo para selecionar suas listas de bala, assim:

        li mylist {font-style: italic-}

        O código acima seleciona todos

      • tags dentro uma etiqueta com um ID de "mylist". Substitua a marca de hash com um período em que a seleção pelo atributo classe.

      • Use a propriedade "list-style" em CSS para alterar o tipo de bala. Os tipos de balas disponíveis incluem círculos abertos, discos preenchidos e praças para listas não-numeradas, não-alfabetizados. Aqui está um exemplo para marcadores quadrados:

        li mylist {list-style: quadrada}

    dicas avisos

    • Use o
        marcação em vez de
          para criar listas ordenadas. Você pode, em seguida, definir o tipo "list-style", em diferentes tipos de números ou letras.
        • Criar marcas de imagem, especificando "none" para o atributo "list-style" e, em seguida, dar a cada
        • marcar um não-repetição, para a esquerda; imagem alinhada fundo. Adicionar preenchimento para a esquerda; lado de cada
        • tag para mover o texto sobre, caso contrário ele irá se sobrepor a imagem.
    De esta maneira? Compartilhar em redes sociais:

    LiveInternet