Un tag iframe HTML ti consente di visualizzare una mappa di Google ovunque sulla tua pagina web. L’iframe è un elemento che mostra un’altra pagina Web nelle tue pagine, quindi non è necessario codificare per il contenuto visualizzato nell’iframe. Utilizzando l’effetto CSS “ombra esterna” puoi creare un’ombra esterna sull’iframe che fa risaltare la mappa di Google sulla pagina.

1

Fai clic con il pulsante destro del mouse sul file HTML che contiene l’iframe. Fai clic su “Apri con”, quindi fai clic sul tuo editor HTML per aprire il codice in un editor.

2

Crea la classe CSS per l’iframe. Il codice seguente crea una classe CSS per un iframe denominato “myframe”:

myframe {

box-shadow: 1px 1px 1px # 888; }

In questo esempio viene mostrata un’ombra esterna di un pixel nell’elemento iframe.

3

Collega la nuova classe al tuo iframe. Scorri il codice verso il basso fino all’iframe della mappa di Google e aggiungi il seguente codice al tag di definizione dell’iframe:

class = “myframe”