Hogyan készítsünk jobb oldali képeket egy weboldalon

A CSS lebegő tulajdonságok használatával bármilyen szöveget lebeghet bármely szövegből jobbra, amint azt a szöveg jobb oldalán látható kép mutatja. Ehhez a weblapon kövesse az alábbi lépéseket.

Ebben a példában külső CSS fájlt használunk. Külső CSS fájl használatával lebegő képet hozhat létre bármely olyan oldalon, amely tartalmaz egy linket a CSS fájlhoz. A külső CSS fájlok megkönnyítik a beállítások módosítását a jövőben.

1. Hozzon létre egy CSS fájlt. Ha már van CSS-fájlja a weboldala számára, szerkessze a CSS-fájlt, és adja hozzá a következő kódot.

2. Adja hozzá a következő kódot a CSS fájlhoz.

 .floatRight {float: right; margó-bal: 20 képpont} 

Tipp: Úszó hozzáadása: a bal oldali kép lebeg a szöveg bal oldalán.

Ha egynél több képet szeretne lebegni a jobb oldalon, akkor adja hozzá a következő sort a CSS fájlhoz.

 .floatRightClear {float: right; világos: jobb; margó-bal: 20 képpont} 

3. Miután a fenti kódot létrehozta, mentse el a CSS fájlt, és minden HTML oldalról hívja fel az alábbi példához hasonló kódot. Példánkban a CSS fájl style.css nevet kaptuk.

4. Végül adjunk hozzá minden olyan képet, amelyet a tartály jobb oldalán lebegnek.