Question: configure a logo header area that uses a background image and rounded borders in this Hands-On Practice. Create a new folder called bistroch6. Copy the
configure a logo header area that uses a background image and rounded borders in this Hands-On Practice. Create a new folder called bistroch6. Copy the lighthouselogo.jpg and background.jpg files in the chapter6/starters folder to your bistroch6 folder. A starter file is ready for you in the student files. Copy the chapter6/starter2.html file into your bistroch6 folder. Launch a browser to display the starter2.html web Launch a text editor and open the starter2.html file. Save the file as index.html. Edit the embedded CSS and code an h1 element selector with style declarations that will configure the lighthouselogo.jpg image as a background image that does not repeat: height of 100px, width of 700px, font size of 3em, 150px of left padding, 30px of top padding, and a border radius of 15px. Save the file. When you test your index.html file in a browser, it should look similar to the one shown in Figure 6.14 if you are using a browser that supports rounded corners. Otherwise, the logo will have right-angled corners, but the web page will still be usable. Compare your work with the solution in the student files (chapter6/6.3/index.html)
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
