@squirtazzer

Как обвести, или сделать на круге кнопку закрытия?

https://nashvybor27.ru

Внизу кнопочка голубая-принять участие в выставке. Кнопка закрытия(Х) теряется на белом фоне, как ее обвести, или сделать на кругляше?
.backform-item {
  position: fixed;
  	top:89vh;
  right:73px;
  z-index: 2;
    text-align: center;cursor: pointer
}

.backform {
    width: 300px;
    height: 30px;
    background-color: #00a7eb;
    border-radius: 0px;
    position: fixed;
    top: 95vh;
    right: 83px;
    z-index: 1;
	cursor: pointer;
		   

     

    
}
#clear_1{
    position: relative;
    top: 30px;
    color: #fff;
    z-index: 5;
}
#clear_1 h2{
    color: #fff;
	cursor: pointer
}


css

<div class="backform-item">
  <div class="backform">
    <a class="popmake-2884 pum-trigger" style="color: rgb(255, 255, 255); cursor: pointer;" href="#">
Принять участие в выставке ярмарке&nbsp;&nbsp;</a>
  </div>
  <div id="clear_1" class="delete"/><h1><b>&nbsp;×</b></h1></div>
</div>


html

СПАСИБО
  • Вопрос задан
  • 104 просмотра
Решения вопроса 1
@artyomunder
гуглю за ленивых
Даже спрашивать не буду, почему у вас крестик в h1 завернут.
<div class="backform-item">
  <div class="backform">
    <a class="popmake-2884 pum-trigger" style="color: rgb(255, 255, 255); cursor: pointer;" href="#">
Принять участие в выставке ярмарке&nbsp;&nbsp;</a>
  </div>
  <div id="clear_1" class="delete"/><h1><b class="close_b">&nbsp;×</b></h1></div>
</div>


.close_b {
position: absolute;
    left: -6px;
    bottom: -13px;
}
h1 {
    background: #00a7eb;
    border-radius: 20px;
    width: 30px;
    height: 30px;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы