Question: @charset utf-8; /* New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 4 Review Assignment Design Style Sheet for Tree and Book Family Home Page

 @charset "utf-8"; /* New Perspectives on HTML5 and CSS3, 7th Edition

Tutorial 4 Review Assignment Design Style Sheet for Tree and Book Family

Home Page Author: Abdul R Farouk Date: 3/6/2018 Filename: tb_visual3.css */ /*

@charset "utf-8";

/*

New Perspectives on HTML5 and CSS3, 7th Edition

Tutorial 4

Review Assignment

Design Style Sheet for Tree and Book Family Home Page

Author: Abdul R Farouk

Date: 3/6/2018

Filename: tb_visual3.css

*/

/* HTML Styles */

html{

background-image: url(tb_back5.png);

}

/* Page Body Styles */

body{

border-right: 3px solid rgb(169, 130, 88);

border-left: 3px solid rgb(169, 130, 88);

box-shadow: rgb(53, 21, 0) -25px 0px 35px;

}

/* Main Styles */

/* Figure Box Styles */

/* Article Styles */

/* Footer Styles */

can you please me with this.

CSS Styles HTML Styles Go to the tb_visual3.css file. In this file, you'll create the graphic design styles for the page Go to the HTML Styles section and create a style rule for the htnl element to use the image file tb_back5.png as the background. Page Body Styles Go to the Page Body Styles section and create a style rule for the body element that: adds a left and right 3-pixel solid border with color value rgb(169, 130, 88) " adds a box shadow to the right border with a horizontal offset of 25 pixels, a vertical offset of 0 pixels and a 35-pixel blur and a color value of rgb(53, 21, 0), and then adds the mirror images of this shadow to the left border Main Styles Go to the Main Styles section. Create a style rule for the main element that: applies the tb-back7.png file as a background image with a size of 100% covering the entire background with no tiling and positioned with respect to the padding box and . adds two inset box shadows, each with a 25-pixel blur and a color value of rgb(71, 71, 71), and then one with offsets of-10 pixels in the horizontal and vertical direction and the other with horizontal and vertical offsets of 10 pixels. Create a style rule for the h1 heading within the main header that adds the following two text shadows: a shadow with the color value rgb(221, 221, 221) and offsets of 1 pixels and no blurring and

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!