6 de julho de 2009

CSS Tutorial - Editando os marcadores de listas. <ul><ul/> <li><li/>

Você pode editar os tipos de marcadores das tags de listas <ul><ul/> <li><li/> com CSS, usando os valores disc, circle, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha para a propriedade list-style.

Esse é o HTML onde aplicaremos o CSS.

  
<ul>
<li>Lista
<ul id="tutoriallista1">
<li>item 1<li/>
<li>item 2<li/>
<li>item 3<li/>
<ul/>
<li/>
<ul/>


Três exemplos:

Marcador tipo disco:

#tutoriallista1 {list-style: disc}




Marcador tipo círculo:

#tutoriallista1 {list-style: circle}




Marcador tipo decimal:

#tutoriallista1 {list-style: decimal}




Removendo os marcadores:



Se quiser, você pode deixar suas listas sem os marcadores. Usa-se o valor none na propriedade list-style

#tutoriallista1 {list-style: none}

Um comentário:

  1. Ola danilo sera que tem como você explicar como fez o menu superior ficar assim? ate agora so vi com eles abrindo para baixo e não verticamente como o seu.
    To precisando muito desse codigo se tiver como explicar agradeço =)

    ResponderExcluir