Keret HTML-lel - hogyan működik
A webhely adathordozói vonzóbbá tételéhez a HTML-kód segítségével kereteket rajzolhat körül. Ebben a gyakorlati tippben megmutatjuk, hogyan működik, és milyen előnyökkel jár a lépcsőzetes stíluslapok (CSS) a keret meghatározásakor.
HTML kódolás - keretek rajzolása a képek és más média körül
Alapértelmezés szerint minden képnek egy pixel szélessége van. Ez azonban csak akkor látható, ha a képet hiperhivatkozásként használják. A "border" attribútummal egyénileg meghatározhatja a keret vastagságát.
- HTML-ben a tíz pixeles fekete keret kódja így néz ki:
- Ezt a keretet az objektum mind a négy oldalára alkalmazzák.
- Alternatív megoldásként egy olyan képszerkesztő program is használható, mint például a Gimp, hogy a keretet ábrázolja a kép körül.
- Felhívjuk azonban figyelmét, hogy ez növeli a képet, és hosszabb ideig tart, amíg az Ön webhelyének látogatója letölti a képet.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts.webp)
Határozza meg a keretet a HTML dokumentumban a CSS segítségével
A keretet - például egy szöveg körüli mezőt - még pontosabban meghatározhatja a lépcsőzetes stíluslapokkal.
- Egy másik gyakorlati tipp megmutatja, hogyan lehet CSS fájlt integrálni a webhelyére.
- Ebben a CSS-dokumentumban a keret színét és vastagságát mind a négy oldalhoz külön-külön beállíthatja:
- border-bottom: # 999 - Beállítja az alsó kép színét. Itt használhatja a "határ tetején", "a jobb oldalon" vagy a "bal oldalon" lehetőséget is.
- szegélyszélesség: 0 0 vékony vékony - Megadja a vonalvastagságot. Ez az óramutató járásával megegyező irányban történik. Ez azt jelenti, hogy a felső és a jobb oldalon nem láthatók vonalak, míg az alsó és a bal oldalon vékony vonal van meghatározva.
- border-style: nincs none groove groove - Meghatározza a kép vagy a doboz dekoratív keretét. A "groove" stílus 3D hatást hoz létre.
![](http://hackzl.com/img/internet/9377/rahmen-mit-html-gehts-2.webp)
Honlapod természetesen az interneten való megjelenése alapján él. A következő cikkben elolvassa a legjobb tippeket a Google rangsorának javításához.