How to make an HTML anchor tag (or link) look like a button?

by

Using CSS:

.button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
}
<a class="button">Add Problem</a>

http://jsfiddle.net/GCwQu/

More Related Contents:

  1. Vertically center element on HTML page with some content on top (Bootstrap)
  2. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  3. Make body have 100% of the browser height
  4. Change Select List Option background colour on hover
  5. Is there an equivalent to background-size: cover and contain for image elements?
  6. Placing border inside of div and not on its edge
  7. CSS background image to fit width, height should auto-scale in proportion
  8. How can I make a CSS glass/blur effect work for an overlay?
  9. CSS – Make divs align horizontally
  10. Calculator keypad layout with flexbox
  11. How to exclude particular class name in CSS selector?
  12. How to make div element auto-resize maintaining aspect ratio?
  13. Difference between overflow-wrap and word-break?
  14. floating elements behavior
  15. How do I prevent the padding property from changing width or height in CSS?
  16. Div width 100% minus fixed amount of pixels
  17. overflow:scroll; in
  18. Is there a disadvantage of using `display:table-cell`on divs?
  19. How do I style the HTML form validation error messages with CSS?
  20. How can I target a specific column or row in a CSS grid layout?
  21. How to create a triangle in CSS3 using border-radius
  22. Bootstrap 3 grid, does it *really* matter how many columns are in a row?
  23. What are the default values for justify-content & align content?
  24. CSS/HTML: What is the correct way to make text italic?
  25. svg background image position is always centered in internet explorer, despite background-position: left center;
  26. CSS Border on PNG image with transparent parts
  27. Make Div Draggable using CSS
  28. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How can I get a specific number child using CSS?

Leave a Comment