Link design like a Button"

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

<a href="#" class="button">Example</a>

-1

Source: stackoverflow.com

Similar codes

4 votes134 views2 answers
Stop text from wrapping
CSS
83 votes172 views6 answers
Css center text
CSS
1 vote142 views1 answer
Primary hex code
CSS
58 votes160 views6 answers
How to remove underline from link
CSS
2 votes206 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
9 votes133 views3 answers
How to add a background color in css
CSS
14 votes168 views4 answers
Composer downgrade to version 1
CSS
1 vote141 views1 answer
Css Use the correct background property to make the background image NOT scroll with the rest of the page.
CSS
0 vote137 views1 answer
Javascript typewriter effect left to right
CSS
0 vote142 views1 answer
Css html attribut
CSS