To create a style rule for the selector named audio::-webkit-media-controls-panel to change the background color of the audio player to the rgb(128, 128, 255) in the rnt_audio.css file.

Question

Want to see the full answer?

Answer 1

Question

Chapter 8, Problem 10CP4

Program Plan Intro

To create a style rule for the selector named audio::-webkit-media-controls-panel to change the background color of the audio player to the rgb(128, 128, 255) in the rnt_audio.css file.

Expert Solution & Answer

Want to see the full answer?

Check out a sample textbook solution

See solution

Students have asked these similar questions

CSS Add a body selector and set the following:Set the font family to sans-serif.Add a class called text-center and set it to align text to the center.Create an id called slideshow:Set the margin to 80px (up/down) and auto (left/right).Set the position to relative.Set the height and width to 240px.Set the padding to 10px.set the box shadow with the following:height offset: 0vertical offset: 0blur: 20pxcolor: rgba color of black with an opacity of 0.4 (HINT: Make sure to apply the opacity to the box-shadow, not the image.)Create another id of slideshow with a child of div:Set the position to absolute.Set the top, left, right, and bottom to 10px. HTML At the top of your HTML page, create an h1 tag with a class of text-center. The content of that h1 tag should say Lesson 11 Project.In the body of your HTML, create the following:Create a div with an id of slideshow.Inside that id, create 3 div tags.Inside each div tag, add an img tag.Go to the web and find 3 images that are 240px by…

CSS Add a body selector and set the following: Set the font family to sans-serif.Add a class called text-center and set it to align text to the center.Create an id called slideshow:Set the margin to 80px (up/down) and auto (left/right).Set the position to relative.Set the height and width to 240px.Set the padding to 10px.set the box shadow with the following:height offset: 0vertical offset: 0blur: 20pxcolor: rgba color of black with an opacity of 0.4 (HINT: Make sure to apply the opacity to the box-shadow, not the image.)Create another id of slideshow with a child of div:Set the position to absolute.Set the top, left, right, and bottom to 10px.

Copy the code below, and add embedded (internal) styles so that it looks like the image below. You will need the following colours: #E5F4E1 and #017B1B. Use any image you like for dogs.jpg. (you do not need to submit your image, you only need to submit your code). <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 80px; } article { width: 360px; font-family: sans-serif; } </style> </head> <body> <article> <div class="header"> <h2>Amazing facts about dogs</h2> </div> <div> <img src="images/dogs.jpg" alt="dogs"> <p>Did you know that dogs can only see two colours and can smell cancer and diabetes?</p> <p>And they can learn over 100 words and gestures!</p> <a href="dogs.html">More fun facts</a> </div> </article> </body> </html>