Translate

Wednesday, 22 November 2017

font in css

<!DOCTYPE html>

<html>


<head>

  <title>List Style</title>

  <style>

  .ul1 {

    list-style-type: circle;

  }

  

  .ul2 {

    list-style-type: square;

  }

  

  .ol1 {

    list-style-type: upper-roman;

  }

  

  .ol2 {

    list-style-type: lower-alpha;

  }

  </style>

</head>


<body>


  <p>Example of unordered lists:</p>

  <ul class="ul1">

    <li>Coffee</li>

    <li>Tea</li>

    <li>Coca Cola</li>

  </ul>


  <ul class="ul2">

    <li>Coffee</li>

    <li>Tea</li>

    <li>Coca Cola</li>

  </ul>


  <p>Example of ordered lists:</p>

  <ol class="ol1">

    <li>Coffee</li>

    <li>Tea</li>

    <li>Coca Cola</li>

  </ol>


  <ol class="ol2">

    <li>Coffee</li>

    <li>Tea</li>

    <li>Coca Cola</li>

  </ol>  <ol class="ol2">

    <li>Coffee</li>

    <li>Tea</li>

    <li>Coca Cola</li>

  </ol>


</body>


</html>




at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Featured post

check box

<!DOCTYPE html> <html> <head>   <title>Check Box</title> </head> <body>   <input ty...