From the course: CSS Shorts

Unlock this course with a free trial

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

Dress up that link

Dress up that link - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Dress up that link

“

- [Chris] Hi, this is Chris Converse, and in this episode, we're going to restyle a plain hyperlink into being a linked logo for our webpage. Now for search engines and accessibility, we want to make sure that the HTML elements are simple and full of information about the content, however this is not very attractive to look at. In the example for this episode, we'll take an SEO and accessibility friendly hyperlink, and we'll transform it into something more visually appealing by adding a graphic using CSS. Now if you'd like to follow along with me download the exercise files and let's begin by opening the index.html file in a text editor. Now in the HTML file, we have a header area here. Inside of the header we have an h1 and we have an anchor tag, and this is the anchor tag that we're going to apply a logo to. So here we have an anchor tag that's got a title. We have an href, and we had the label or the linked text of the anchor tag. So what we're going to do first is we're going to…

Contents