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

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!