Back Button & Link

A simple button and anchor tag that when your user clicks them, it takes that user back to the previous page.

The Pen

I've set up my Pens so that the default view is Result. Once you've looked at the Result and decided that you want to use it somewhere, click the HTML or CSS tabs at the top of the Pen to view the code used. The JavaScript is in the HTML.

The tabs are toggles, which means, to turn one off (or on) you just click the tab again.

HTML:

  • Copy and paste the HTML into the <BODY></BODY> of an HTML document

CSS:
  • Copy and paste the CSS into a <STYLE></STYLE> tag in the <HEAD></HEAD> section of the document. OR
  • Copy and paste the CSS into a CSS file and link to that file in the <HEAD></HEAD>.

Once you've done that, confirm that it all works, then edit it to your needs.

See the Pen Back Button & Link by Matt Gibson (@mcfan) on CodePen.