„Drop Shadows“ įtraukimas į „Google“ žemėlapį „iFrame“

HTML iframe žyma leidžia rodyti „Google“ žemėlapį bet kur jūsų tinklalapyje. „Iframe“ yra elementas, rodantis kitą tinklalapį savo puslapiuose, todėl nereikia koduoti kodo, rodomo iframe. Naudojant CSS „drop shadow“ efektą, galite sukurti „drop“ šešėlį, jei „Google“ žemėlapis išsiskiria „iframe“.

1.

Dešiniuoju pelės mygtuku spustelėkite HTML failą, kuriame yra jūsų iframe. Spustelėkite „Atidaryti su“, tada spustelėkite savo HTML redaktorių, kad atidarytumėte kodą redaktoriuje.

2.

Sukurkite CSS klasę iframe. Šis kodas sukuria CSS klasę iframe pavadinime „myframe“:

myframe {

dėžutės šešėlis: 1px 1px 1px # 888; }

Šiame pavyzdyje iframe elemente rodomas vieno pikselio lašas.

3.

Susieti naują klasę su savo „iframe“. Slinkite žemyn kodu prie „Google“ žemėlapio iframe ir pridėkite šį kodą į iframe apibrėžties žymą:

class = "myframe"

Rekomenduojama