Question

我目前有一个基础按钮，我想添加一个链接，但每次我这样做是删除按钮或不链接！显然我非常希望两者都能工作！有人能告诉我如何添加下面按钮代码的链接！我知道这可能听起来非常基本但仍然试图习惯基础！

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

Answer 1

这应该做

<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>

Answer 2

这里我给代码提供了更多的灵活性

 <div class="clear10">
    <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

将基础按钮更改为链接

2 个答案: