Question

我在css中制作了一个简单的箭头：

.arrow {
border: solid black;
border-width: 0 4px 4px 0;
display: inline-block;
padding: 3px;
}

但是如何将其作为链接插入。我正在使用Joomla。我试过这个：

<a class="arrow" href="#info"></a>

但是Joomla只是把那条线切掉了。那么Joomla是不可能的，还是我做错了？：）

Answer 1

点击按钮＆＃34;运行代码段＆＃34;看箭头或输出。

＆＃13;

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  font-size:0 !important;
}

＆＃13;

<!DOCTYPE html>
<html>
<head>

</head>
<body>

<a class="arrow" href="#info">v</a>

</body>
</html>

＆＃13;

用作页面向下滚动的箭头链接

1 个答案: