[Aetae]

Если цвет фона или ссылки однородный, то делается это элементарно:

<style>
.a1 {
  position: relative;
  width: 200px;
  height: 200px;
  display: block;
  background: #0f0 !important;
}
.a1::before{
  content: '';
  position: absolute;
  bottom:0;
  width: 0px;
  height: 0px;
  border-left:100px solid #fff;
  border-right:100px solid #fff;
  border-top:100px solid transparent;

}

.a2 {
  position: relative;
  width: 200px;
  height: 100px;
  display: block;
  background: #0f0 !important;
  margin-bottom: 100px;
}
.a2::before{
  content: '';
  position: absolute;
  bottom:-100px;
  width: 0px;
  height: 0px;
  border-left:100px solid transparent;
  border-right:100px solid transparent;
  border-top:100px solid #0f0;
}

</style>
<a class="a1" href=http://mybook.ru>это ссылка</a>
<a class="a2" href=http://mybook.ru>это ссылка</a>