Basics of Web Design: Html5 & Css3
4th Edition
ISBN: 9780134444338
Author: Terry Felke-Morris
Publisher: PEARSON
expand_more
expand_more
format_list_bulleted
Question
Chapter 6, Problem 1HOE
Program Plan Intro
- Include the style tag using “<style>” for internal style.
- Include the “footer” element. Inside the element,
- Set the background color as light blue with “#ccccff” color code.
- Set the font as “Arial” using “font-family” property.
- Set the text color as “dark-blue” with “#000099” color code.
- Make the 10 pixels of padding using “padding” property.
- Make the dashed border in a dark-blue color with “border” property.
- Include the “footer” element. Inside the element,
Expert Solution & Answer
Want to see the full answer?
Check out a sample textbook solutionStudents have asked these similar questions
Describe a CSS element that would repeat an image in the background along both the X and Y axis
Describe a CSS element that would repeat an image in the background only along the Y axis
I believe I am close to having this correct but would like to check.
Write the CSS to configure a grid for an id named container that has two columns and two rows. The first row is 100 pixels high. The first grid item in the second row takes up 75% of the width.
Chapter 6 Solutions
Basics of Web Design: Html5 & Css3
Knowledge Booster
Similar questions
- What Are The Values That Can Be Taken By Property White-space Of Css3?arrow_forwardWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label> <input type="text" name="myName" id="myName"> <label for="myEmail">E-mail:</label> <input type="text" name="myEmail" id="myEmail"› <label for="myComments">Comments:</label> <textarea name="myComments" id="myComments" rows="2" cols="20"></textarea> <input id="mySubmit" type="submit" value="Submit"› </form> CSS: form { background-color:#eaeaea; font-family: Arial, sans-serif; padding: lOpx; } label { float: left;width: 100px;clear: left; text-align: right; padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }arrow_forwardWrite a CSS rule that places a background image halfway down the page, tiling it horizontally. The image should remain in place when the user scrolls up or down.arrow_forward
- Give at least three CSS terms from the lesson today. Describe how the three keywords you chose are used in CSS.arrow_forward9.Write the CSS style rule to display an image that is fixed in position and is placed at 125 pixels from the top and 140 pixels from the right of its parent window.arrow_forwardHereWrite the code necesary in javascript to create a webpage that contains a contact form like the one in the attatched picture. To create and style this form, copy the following HTML and CSS code exactly as follows: HTML: <form><label for="myName">Name:</label><input type="text" name="myName" id="myName"><label for="myEmail">E-mail:</label><input type="text" name="myEmail" id="myEmail"›<label for="myComments">Comments:</label><textarea name="myComments" id="myComments" rows="2" cols="20"></textarea><input id="mySubmit" type="submit" value="Submit"›</form> CSS: form { background-color:#eaeaea;font-family: Arial, sans-serif;padding: lOpx; }label { float: left;width: 100px;clear: left;text-align: right;padding-right: lOpx;margin-top: lOpx; }input, textarea { margin-top: lOpx;display: block; }#mySubmit { margin-left: 110px; }.arrow_forward
- Describe what is incorrect with the following CSS code, which causes a web page containing it not to display a border when rendered in a browser:h2 { background-color: #FF0000border-top: thin solid #000000 }arrow_forwardQuestion # 1 a) Use Colspan and Rowspan to create the following table. b) How can you apply translate property in CSS on an image when the user hovers it with the mouse pointer it translates an image? Provide CSS code and screenshot of the output image.arrow_forwardBriefly explain the difference between the HTML GUIs and the JavaFX GUI classes.arrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- New Perspectives on HTML5, CSS3, and JavaScriptComputer ScienceISBN:9781305503922Author:Patrick M. CareyPublisher:Cengage Learning
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Cengage Learning