mozilla

Compare Revisions

Color

Change Revisions

Revision 105384:

Revision 105384 by gandalf on

Revision 105385:

Revision 105385 by Demowell on

Title:
Color
Color
Slug:
CSS/Getting_Started/Color
CSS/Getting_Started/Color
Tags:
css, CSS:Getting_Started
css, CSS:Getting_Started
Content:

Revision 105384
Revision 105385
n511    <h3 name="Action:_Using_color_codes">n
512      Action: Using color codes
513    </h3>
514    <p>
515      Edit your CSS file. Make the change shown here in bold, to 
>give the initial letters a pale blue background. (The layout and  
>comments in your file will probably differ from the file shown he 
>re. Keep the layout and comments the way you prefer them.) 
516    </p>511    <p>
517    <div style="width:32em;">512      /*** CSS Tutorial: Color page ***/
513    </p>
514    <p>
515      /* page font */ body {font: 16px "Comic Sans MS", cursive;}
516    </p>
517    <p>
518      /* paragraphs */ p {color: blue;}
519    </p>
520    <ol>
521      <li>first {font-style: italic;}
522      </li>
523    </ol>
524    <p>
525      /* initial letters */ strong {
526    </p>
518      <pre class="eval">527    <pre class="eval">
519/*** CSS Tutorial: Color page ***/
520 
521/* page font */
522body {font: 16px "Comic Sans MS", cursive;}
523 
524/* paragraphs */
525p {color: blue;}
526#first {font-style: italic;}
527 
528/* initial letters */
529strong {
530  color: red;528 color: red;
531  <strong>background-color: #ddf;</strong>529 background-color: #ddf;
532  font: 200% serif;530 font: 200% serif;
533  }531 }
534 532 
535.carrot {color: red;}
536.spinach {color: green;}
tt534    <p>
535      .carrot {color: red;} .spinach {color: green;}
538    </div>536    </p>

Back to History