A vízszintes és függőleges vonalak segítségével HTML és CSS
Hello mindenkinek! Ma azt fogja mondani, hogyan kell használni a html, hogy egy vízszintes vonal.
Tény, hogy szükség van egy vízszintes vonal gyakran előfordul, például akkor, amikor szükség van külön egy része a szövegnek a másik.
A vízszintes és függőleges vonalak segítségével css
Megteheti ezt a CSS segítségével. Erre úgy vélem, a szükséges adag szövegének a blokk segítségével div tag, majd style.css fájlt vagy közvetlenül a html - kód előírja, hogy a blokk tulajdonságainak jobb vagy alsó határokat border-top és border-bottom. Itt egy példa:
Ebben az esetben azt kérték a tervezés CSS használatával közvetlenül a kódot html, és így a felső határa a szilárd és az alsó szaggatott vonal.
Itt van, hogyan fog kinézni az oldalon:
Vízszintes vonal CSS segítségével.
Ennek a módszernek az az előnye van:
- Széles, ami lehetővé teszi, hogy meghatározza szinte bármilyen vonalon;
- Hozhat létre vízszintes és függőleges vonalak. Ahhoz, hogy a függőleges vonal kell változtatni border-top a border-left, border-bottom és a határon jobb.
A hátránya az, viszonylag terjedelmes kódot.
Azonban, mint kiderült, hogy helyezze a szöveg vízszintes vonal lehet, és segítségével a html. Ugyanakkor, akkor nem is kell mászni a css. Ez használ tag
.
Vízszintes vonal HTML-címkék segítségével
Az első jellemzője ennek a kulcsszó az, hogy nincs záró tag pár. Ezt fel lehet használni bárhol a html - címkéi közé
és .Ez a címke a következő tulajdonságokkal rendelkezik:
- - szélesség határozza meg a hossza a vízszintes vonal pixelben vagy százalékban kifejezhetők;
- Szín - meghatározza a vonal színének;
- Igazítsa - igazítja a jobb széle a sor - jobb, balra igazított - bal, a középső - központ;
- Size - a vastag vonal pixel.
Itt egy példa html - kód:
És ez hogyan fog kinézni:
Mint látható, ez a módszer megvannak a maga hátrányai:
- Kevesebb korrekciós vonal;
- Nem lehet, hogy egy függőleges vonal.
De ez így sokkal könnyebb.