Pour rendre plus plaisant et plus original le site Web que vous avez créé, vous pouvez ajouter une ombre autour de vos images. Il est inutile de modifier les images : il suffit en effet d’insérer quelques lignes à votre code
HTML. Ouvrez le fichier HTML correspondant à votre page Web à l’aide d’un éditeur HTML ou du Bloc-notes de Windows. Parcourez le code afin d’identifier l’instruction qui insère l’image. Ainsi, pour ajouter une image nommée Maphoto.jpg,
vous trouverez une instruction 
. Vous constaterez peut-être que d’autres paramètres sont présents juste à droite du nom de l’image, par exemple Width ou Height. Ces instructions
sont destinées à modifier les dimensions ou la position de l’image et ne doivent pas être changées. Avant la balise > (ou />), recopiez le listing ci-dessous (à saisir sur une seule ligne, sans utiliser la touche Entrée). Le
paramètre direction spécifie l’angle, en degrés, que doit faire la direction de l’ombre avec la verticale. Avec notre valeur de 135 degrés, l’ombre part en bas à droite. Enregistrez les changements puis transférez le nouveau fichier sur
votre serveur à l’aide de votre logiciel de FTP. Ouvrez la page dans votre navigateur afin de vérifier le résultat. Attention, l’ombre n’apparaît que quand la page est affichée avec Internet Explorer, pas avec Firefox.Niveau requis : Experts
🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.
