如何创建指向url的自定义按钮链接

时间:2016-02-12 14:47:23

标签: css button joomla

我很抱歉,但我是新手,我想问一个愚蠢的问题,有没有办法在css中创建一个按钮并链接到其他页面?



.ngm-row.clearfix::after {
    content: "more";
    padding: 10px;
    background: blue;
}




我尝试使用此代码执行此操作,但我不知道如何将其链接到网址或将其设为href。

2 个答案:

答案 0 :(得分:1)

CSS附加到HTML元素。在您的情况下,它看起来您的元素具有ngm-row类。您需要将HTML按钮元素包装在锚标记中。然后,您可以将锚标记的href设置为您要链接到的页面。

例如: <a href="http://www.w3schools.com/tags/tag_a.asp"><button type="button" class="ngm-row">Click Me!</button></a>

答案 1 :(得分:0)

您的代码段和您的问题似乎并不相关,稍微澄清会有所帮助。

您必须使用HTML创建按钮/链接,然后使用CSS设置样式。

.more-link {
    color: pink;
}
<a class="more-link" href="google.com">More</a>

如果您希望链接看起来像一个按钮而不是文本链接,那么您将不得不使用CSS来为其设置样式。