HTML

<div class="myS"> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> 
   <div class="myS1"><a href="#">Texto</a></div> </div>

.myS{ 
  width:90px; 
  height:200px; 
  border-radius: 5px; 
  border: 4px double #534054; 
  box-shadow: 10px -10px 10px rgba(0, 0, 0, 0.5); 
  background-color:rgba(186, 165, 178, 0.5); 
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBCCE7), to(#F0ADE9), color-stop(.6,#D4CBD2)); 
  float:left; 
  position:absolute; 
  top:30px; left:125px; 
} 
.myS1{ 
  width:80px; 
  height:20px; 
  color: 000000; 
  font-size: 22px; 
  font-family: Monotype Corsiva; 
  background-color:#FDE7FE; 
  border-radius: 25px; 
  border: 1px dotted #534054; 
  box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.5); 
  text-align:center;
  margin-top:5px;
  float:left；
}