Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Youll configure text - shadow and box - shadow in this Hands - On Practice. When complete, your web page will look similar to the

Youll configure text-shadow and box-shadow in this Hands-On Practice. When complete, your web page will look similar to the one shown in Figure 6.16. Create a new folder called shadowch6. Copy the index.html, lighthouselogo.jpg, and the background.jpg files from the chapter6/6.4 folder to your shadowch6 folder. Launch a text editor and open the index.html file.
Edit the embedded CSS and add the following style declarations to the #container selector to configure a box shadow:
box-shadow: 5px 5px 5px #1E1E1E;Add the following style declaration to the h1 element selector to configure a dark gray text shadow:
text-shadow: 3px 3px 3px #676767;Add the following style declaration to the h2 element selector to configure a light gray text shadow with no blur: text-shadow: 1px 1px 0 #CCC;
Save the file. When you test your index.html file in a browser, it should look similar to the one shown in Figure 6.16 if you are using a browser that supports the box-shadow and text-shadow properties. Otherwise, the shadows will not display, but the web page will still be usable. See the student files for a solution (chapter6/6.5/index.html).
image text in transcribed

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Temporal Databases Research And Practice Lncs 1399

Authors: Opher Etzion ,Sushil Jajodia ,Suryanarayana Sripada

1st Edition

3540645195, 978-3540645191

More Books

Students also viewed these Databases questions