Ez itt egy css doboz modell. A leírást, magyarázatot is megtalálhatod hozzá! :)
Szóval, nézzük a magyarázatot:
-
margin: telljesen átlátszó, ide nem kell beállitás.
-
border: a "határ", amely körbevezeti a paddinget és a tartalmat. Itt állitható be a szegély szine is.
Demot itt láthatod, és egyben benne van a kód is. A pirossal elölt rész a saját szövegedre/képedre kell át írnod.
<p>
<style type="text/css">
div.ex { width:220px; padding:10px; border:5px solid gray; margin:0px; } </style>
<br />
</p>
<div class="ex" style="text-align: justify;">
<span onmouseout="_tipoff()" onmouseover="_tipon(this)"><span class="google-src-text" style="direction: ltr; text-align: left">Ez itt egy css doboz modell. Külön is használhatod ezt, de a kódodba is berakhatod.</span></span></div>
<p>
</p>
<p>
<span onmouseout="_tipoff()" onmouseover="_tipon(this)"><!-- DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"--></span>
<style type="text/css">
div.ex {width: 220px; padding: 10px; border: 5px ##00c000; margin: 0px;} </ style> </ head> <body> <img data-cke-saved-src = 250px.gif src = 250px.gif szélessége = 250 height = 1 /> <br /> <br /> <div class=ex> A vonal felett van 250px széles. <br /> Most teljes szélessége ez az elem is 250px. </ div> <p> <b> Megjegyzés: </ b> Ebben a példában van hozzá egy DOCTYPE (lásd fent a html elem), tehát helyesen jelenik meg minden böngészőben. </ p> </ body> </ html></span> </style>
</p>
<p>
</p>
<p>
</p>
|