گذاشتن متن با پس زمینه روی عکس

Question

من میخوام یک متن رو با یک پس زمینه بزارم روی عکس .به چه شکل  این کار انجام میشه ؟

مثل این عکس :

 

Answer 1

یه مثال نشون بدید یا بیشتر تتوضیح بدید

خوب به آسانی با تگ <p> و یک فریم و به طور حرفه ای با css انجام میشه

Answer 2

کد HTML:

<a href="#" class="title">
    <h1>Town<br>Library</h1>  
</a>

 

کد CSS :

.title { 
    border:10px solid #ccc; 
    display:inline-block;
    position:relative;
    height:400px;
    width:400px;
    color:white;
    background:url("image.jpg");
}

.title h1 {
    margin:0; 
    background:teal; 
    position:absolute; 
    padding:20px; 
    bottom:0; 
    left:0; 
    right:0;  
}

Demo کد بالا