我在 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 中是不可能的还是我做错了? :)
最佳答案
单击按钮“运行代码片段”以查看箭头或输出。
.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;
}
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a class="arrow" href="#info">v</a>
</body>
</html>
关于css - 用作页面向下滚动的箭头链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47690681/