gpt4 book ai didi

html - 我怎样才能得到 Facebook 图标上的删除按钮

转载 作者:太空宇宙 更新时间:2023-11-04 10:44:27 25 4
gpt4 key购买 nike

remove button on facebook icon

已更新

我怎样才能像上图那样在 Facebook 图标上获得删除按钮??我想把删除按钮放在 facebook 图标的右上角.... DEMO

.fa-remove{
float:right;
top:-30px;
cursor:pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
}
<!DOCTYPE html>
<html>

<head>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/4.12.0/bootstrap-social.css">


</head>

<body>
<div class="form-group social col-xs-2">
<a class="btn btn-lg btn-social-icon btn-facebook center-block">
<span class="fa fa-facebook"><span class="fa-remove"></span>
</a>
<p class="social-icon-name">Facebook</p>
</div>


</body>

</html>

最佳答案

关于绝对位置。

您的代码中有很多错误。但这不是,你需要的。

你需要这个:

 <a class="btn btn-lg btn-social-icon btn-facebook center-block">
<span class="facebook">
</a>
<span class="fa-remove"></span>

.fa-remove{
position:absolute;
top:0;
right:15px;
z-index:9999;
float:right;
top:-30px;
cursor:pointer;
color: #fff;
border: 1px solid #AEAEAE;
border-radius: 30px;
background: #605F61;
font-size: 31px;
}

关于html - 我怎样才能得到 Facebook 图标上的删除按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35547825/

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