Información sobre cómo utilizar los márgenes

Question

Necesito información sobre cómo usar los márgenes y cómo exactamente relleno obras.

Por ejemplo:¿Debo poner una línea que ocupe todo el ancho de la página (sin importar qué resolución se use para mostrar la página web) dejando solo un pequeño borde a cada lado? ¿Cómo podría lograrlo?

Answer 1

Echa un vistazo a esto: http://redmelon.net/tstme/box_model/

Básicamente, un elemento consta de contenido, rodeado por su relleno, luego el borde y luego el margen.Las imágenes de fondo sólo se extienden hasta el borde.Los márgenes se describen mejor como "el espacio en blanco alrededor de este elemento".

Pero eche un vistazo a la URL de arriba y cree una página de prueba para jugar, todo debería tener sentido.

Answer 2

Creo que esto debería hacer lo que quieres:

<table width="100%" cellpadding="5">
  <tr>
    <td>
One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... One, two, three ... 
    </td>
  </tr>
</table>

Establecer el ancho en "100%" obliga al texto a utilizar el ancho completo, y establecer el relleno de celda en "5" establece un borde invisible de 5 píxeles.

Answer 3

Otra forma de ilustrarlo es en el modelo de caja, el relleno es el "margen" interior de una caja. El margen es el búfer alrededor de la caja.