Saturday, October 29, 2011

CSS แปลง anchor text ให้เป็นปุ่ม

  < style >
    a.button-like{
      background: #0000ff;
      border: 1px solid #FFFFFF;
      border-radius: 4px 4px 4px 4px;
      color: #FFFFFF;
      cursor: pointer;
      font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
      font-size: 100%;
      font-weight: bold;
      margin: 0 4px;
      outline: 1px solid #9BABB0;
      text-transform: uppercase;
      text-decoration: none; /* to remove the underline */
      padding: 2px 4px;
    }
  < /style >

< a class="button-like" href="..." > text </a>

No comments:

Post a Comment