From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Show URLs when printing

Show URLs when printing - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Show URLs when printing

“

- [Instructor] His this is Chris Converse and in this episode, we'll use CSS to display the URLs of Hyperlinks when a webpage is printed. So if you'd like to follow along, download the exercise files and we'll begin by opening the html file in a text editor. And so when you have the html file open, up in the head area, we have a link to style.css. We'll be opening this in a moment. And in the body area, we have an article element. And then inside of the article element is an h1 and a few paragraph elements. Inside of the first paragraph element is an anchor tag. And in the third paragraph element is another anchor link that's styled to look like a button. And so what we're going to be doing is displaying the href value, or the URL, for each one of the links when a webpage is printed. So to do this, lets go back to the exercise files and lets open this style.css file in our text editor. And now inside of this css file, if we scroll down, after the a.btn rule you'll see that we have a…

Contents