Border leírások
2012.08.06. 21:53
Szöveg helye.
Szöveg helye.
Szöveg helye.
Ezeket is egy egyszerű kóddal meg tudod oldani. Használhatod modulstílusként is, de akár idézet blokkba is. :) A kód a következő:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.elso
{
border-style:solid;
border-width:5px;
border-color: #FF4500;
}
p.masodik
{
border-style:dotted;
border-width:medium;
border-color: #ADFF2F;
}
p.harmadik
{
border-style:dashed;
border-width:1px;
border-color: #CD5C5C;
}
</style>
</head>
<body>
<p class="elso">Szöveg helye.</p>
<p class="masodik">Szöveg helye.</p>
<p class="harmadik">Szöveg helye.</p>
</body>
</html>
HA a border jobb- vagy baloldali részének esetleg más fajta stílust akarsz felülírni, akkor a következőt kell tenned:
Első példa. A következő kódban a jobb oldali részre nem alkalmaztunk semmiféle stílust, és csak ennyit használtunk:
border-right-style:none;
És ez lett belőle:

Szóval annyi az egész, hogy a kódban border-RIGHT-tot írsz, ami az angolban ugye jobb oldalt jelent, ha viszont baloldalit akarsz, akkor border-LEFT és ennyi az egész.
|