From the course: CSS Shorts

Unlock this course with a free trial

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

A button for your link

A button for your link - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

A button for your link

“

- [Instructor] Hi, this is Chris Converse and in this episode, we'll take a standard hyperlink and transform it into a button, creating a much more compelling call to action. We'll also be making use of the CSS Pseudo-Element to create a text-based arrow, as well as setting up the hover state. So, if you'd like to follow along, download the exercise files and let's begin by opening the Index.html file in a text editor. And once you have the file open in your text editor, you 'll see that we have a really simple web page here. And if you'd like to preview what we have so far, you can open up the index.html file up in a web browser. And here you can see we have a background image with a text block. Over in the html, you'll see that after the paragraph content, we have an anchor link showing up down here, which we can also see over here in the preview area. So, this is how we style the default text links. So, before we conform this into a button, the first thing we'll do is add a class…

Contents