gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 07:51:53 24 4
gpt4 key购买 nike

我在 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com