將基礎按鈕變爲鏈接

我目前有一個從基礎的按鈕，我想添加一個鏈接，但每次我這樣做是要麼刪除按鈕或不鏈接！很顯然，我會非常喜歡這兩個工作！有人可以告訴我如何將鏈接添加到下面的按鈕的代碼！我知道這可能聽起來很基本，但仍然在努力習慣基礎！將基礎按鈕變爲鏈接

<div class="clear10"></div> 
      <button class="rounded shadow">Get Started</button> 
     </div>

來源

2014-09-24 Lilp

本應該做的

<link href="http://cdn.jsdelivr.net/foundation/5.4.3/css/foundation.css" rel="stylesheet"/> 
 

 

 
    <div class="clear10"> 
 
     <a href="your link" class="button rounded shadow">Get Started</a> 
 
    </div>

來源

2014-09-25 09:26:09 Sudheer

在這裏，我給多一點靈活的代碼

<div class="clear10"></div> 
    <button class="round-button"> 
    <a href="your link" class="linking">Get Started</a> 
    </button> 
    </div>

CSS

.round-button { 
    display:block; 
    width:400px; 
    height:60px; 
    border-radius:20px; 
    text-align:center; 
    background: #464646; 
} 
.round-button:hover { 
    background: #262626; 
} 

.linking{ 
    font-size:20px; 
    font-weight:bold; 
    color:#fff!important; 
}

試試這個FIDDLE

來源

2014-09-25 11:11:26

將基礎按鈕變爲鏈接

回答

相關問題