Skip to content

Instantly share code, notes, and snippets.

@stevencombs

stevencombs/button.html

Created August 11, 2013 23:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save stevencombs/6207296 to your computer and use it in GitHub Desktop.
Save stevencombs/6207296 to your computer and use it in GitHub Desktop.
Download ZIP
Using CSS to create a flat button that links to a web site.
Raw
button.html
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>About Me</title>
</head>
<body>
<p>That's a button down there. Press it!</p>
<a href="http://www.docstechnotes.com"><div>
<br>Doc’s Tech Notes
</div></a>
</body>
</html>
Raw
stylesheet.css
a{
text-decoration: none;
}
div {
height: 50px;
width: 120px;
border-color: #6495ED;
background-color: #BCD2EE;
border-radius: 10px;
margin: auto;
text-align: center;
font-size: 13px;
font-family: sans-serif;
}
p {
text-align: center;
font-family: Verdana, sans-serif;
font-size: 18px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment