Card Text
<style>
* { box-sizing: border-box; }
.cardbox{
padding:10px;
background-image:url('images/aaa2.jpg');
background-size:cover;
background-position:center;
width:250px;
height:300px;
border-radius:4px;
box-shadow:0 0 6px rgba(0,0,0,0.4);
display:flex;
align-items:flex-end;
}
.cardtext{
color:white;
font-size:38px;
font-weight:bold;
background-color:#93dd39;
padding:8px 12px;
text-align: center;
width:100%;
}
</style>
<div class="cardbox">
<div class="cardtext">Card Text</div>
</div>
Card Text
.cardtext{
background-color:#93dd39;
}
Card Text
.cardtext{
border:10px double white;
}
Card Text
.cardtext{
border:10px double white;
background-color: rgba(255, 129, 129, 0.5);
}
Card Text
.cardtext{
border:10px double white;
background-color: rgba(0,0,0,0.4);
}