Question

In: Computer Science

Given the html below, create css to produce the following illustrated color page output: Red for...

  1. Given the html below, create css to produce the following illustrated color page output:

Red for outer paragraph and outer list

Green and italic for first inner div paragraph, green for second div paragraph, blue for inner list

HTML File

<html>

<head>

      <link rel="stylesheet" type="text/css" href="mystyle98_d.css">

</head>

<body>

             <p>

    I'm a paragraph, what color am I ?

     </p>

   <ul>

     <li id = "fix"> I'm a list item;what color am I? </li>

       </ul>

<div class = "central1">

<p class ="above">

  I'm a paragraph; what color am I?

  </p>

     <p>

    I'm another paragraph, what color am I ?

     </p>

   <ol>

     <li id = "fix1"> I'm another list item;what color am I? </li>

       </ol>

          </div>

</body>

</html>

Solutions

Expert Solution

answer]

HTML File:

<html>

<head>

      <link rel="stylesheet" type="text/css" href="mystyle98_d.css">

</head>

<body>

             <p>

    I'm a paragraph, what color am I ?

     </p>

   <ul>

     <li id = "fix"> I'm a list item;what color am I? </li>

       </ul>

<div class = "central1">

<p class ="above">

  I'm a paragraph; what color am I?

  </p>

     <p>

    I'm another paragraph, what color am I ?

     </p>

   <ol>

     <li id = "fix1"> I'm another list item;what color am I? </li>

       </ol>

          </div>

</body>

</html>

Css File:( mystyle98_d.css )

p,#fix{
         color: red;
      }
.above{
       color: green;
       font-style: italic;
      }
.central1 p{
              color: green;
           }
ol #fix1{
       color: blue;
      }

output:

but make sure that the css file present in the current directory otherwise it will give you an error.

above css file changes the color of the font according to your question.if you want to change the background color of the paragraph the you can use ' background-colo: '

i provide you editable code with output.


Related Solutions

Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there...
Debug3-4.css You’ve been given the initial HTML and CSS code for this web page, but there are several errors in the CSS stylesheet. Use your knowledge of CSS to locate and fix the errors. The body element should have a width that is 90% of the width of the browser window ranging from a minimum of 600 pixels up to a maximum of 1024 pixels. Fix the syntax errors in the body style rule that defines the width of the...
Using brackets you will need to create the HTML page and CSS style sheet for the...
Using brackets you will need to create the HTML page and CSS style sheet for the given Form example. Form 1: create an HTML page with a form that contains a text input field. The label for the text field should be “City”. Beneath it should be a submit button “Lookup”. Place a horizontal line beneath the Lookup button and add three radio buttons labeled “Beginner”, “Intermediate”, and “Advanced”. Your page should have a title and a header in the...
Create a Home Page using HTML and CSS Part 1 • Contain an image or logo...
Create a Home Page using HTML and CSS Part 1 • Contain an image or logo about your website. • Must contain three navigation links. Home link. Registration link. Animations link. • Footer will contain links to web pages to any other site you wish (just be outside your webpage, like YouTube,etc.) Open links in new tab, not current tab. Create a Registration page: • Registration Fields: 1) User Name - Input Text 2) Password - Input Password 3) Repeat...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any...
Create a Web Page Using HTML, CSS, JS, jQuery • Create a web profile, including any of the following: • Your hobbies, likes/dislikes, career aspirations, dream job, favorite animals/ pets, favorite superhero, etc. • You do not have to share personal information that you are uncomfortable with sharing. Follow these guidelines when creating your page: • Include at least one heading (h1, h2, etc.) in your web page. • Provide a quote from a book, movie, etc. • Include at...
We went over the format and syntax of CSS. Below, write the correct CSS syntax to make the body of an HTML document the color blue.
We went over the format and syntax of CSS. Below, write the correct CSS syntax to make the body of an HTML document the color blue. Also write what each keyword represents (example: the selector? property? etc.)
Please write "my account" page program by using HTML and CSS
Please write "my account" page program by using HTML and CSS
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
use CSS, java and HTML to make a charity admin page. It's a web page after...
use CSS, java and HTML to make a charity admin page. It's a web page after you log in to your account. I can have personal information, the amount of money donated, the children who have received charity, and some blogs. In fact, all the things are what I want. But you are free to do whatever You like, even if you don't say what I say. I just need a charity Admin page for charity User.Don't ask me for...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT