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
*/
/* 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
Get step-by-step solutions from verified subject matter experts
