HOME -> CSS_ARTIKLER -> 04-css Lørdag, 19. august 2017

HOME
FORUM
OPEN DIRECTORY
BOOKMARK
Offentliggjort 2002 - Opdateret n/a

Punktopstillings tegn

Forskellige farver for punktopstillings tegn.

Det er mulig at ændre punktopstillingens tegn på forskellig måde. De små punkttegn eller bullets kan erstattes af andre tegn og farver.
Når man anvender <li> tagen, vil punkttegnet blive samme farve som den efterfølgende tekst. For at ændre dette deler vi punkttegnet og teksten op hver for sig. Til dette anvender vi <div> tagen.


<ul>
  <li style="color : red"><div style="color : black">Element 1</div></li>
  <li style="color : green"><div style="color : black">Element 2</div></li>
  <li style="color : blue"><div style="color : black">Element 3</div></li>
</ul>



Samme princip kan selvfølgelig også anvendes med "ringe" (cirkle) eller "kasser" (square) som punktopstillings tegn.


<ul type="circle">
  <li style="color : red;"><div style="color : black">Element 1</div></li>
  <li style="color : green"><div style="color : black">Element 2</div></li>
  <li style="color : blue"><div style="color : black">Element 3</div></li>
</ul>


<ul type="square">
  <li style="color : red;"><div style="color : black">Element 1</div></li>
  <li style="color : green"><div style="color : black">Element 2</div></li>
  <li style="color : blue"><div style="color : black">Element 3</div></li>
</ul>

 

Copyright © 2002 - 2017
NETeXplorer.dk · All rights reserved Top