Saisir un texte sur une image HTML

sas -  
rbou Messages postés 113 Statut Membre -
Bonjour,

Je voudrais bien savoir si je peux insérer un texte sur une image , c'est à dire , si on a par exemple un arrière plan bleu , et on ajoute une image , comme une mini arrière plan , pour créer une rubrique , est ce qu'on peut ajouter un texte sur cette partie blanche ???
merci d'avance

2 réponses

  1. Utilisateur anonyme
     
    Bonjour,

    Oui bien entendu.
    Vous mettez une div dans votre page qui a pour background une image (ici image.jpg). Dans la div vous mettez un texte, ici bonjour et c'est fait, enfin si j'ai bien compris votre question.

    Cordialement

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
    	<head>
    		<style>
    			body {background-color:blue;}
    			#test {background:url(image.jpg);width:50px,height:50px;color:white;}
    		</style>
    	</head>
    	<body>
    		<div id="test">
    			bonjour
    		</div>
    	</body>
    </html>
    
    0
  2. rbou Messages postés 113 Statut Membre 15
     
    En effet il suffit de mettre un background en css, par exemple :
    <div style="background:#COULEUR">
    Mon texte qui est sur un fond de ma couleur #COULEUR
    </div>

    Tu peux également mettre une image en background :
    <div style="background:url(PATH_IMAGE)">
    Le texte
    </div>
    0