Tema: Borde rodeando a otro borde
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/12/2010, 13:19
kseso?
Colaborador
  
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 6 meses
Puntos: 539
Respuesta: Borde rodeando a otro borde
Una forma de enfocarlo sería:
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
  3. <head>
  4. <title>Kseso? jugando con css</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  6. <style type="text/css">
  7. * {margin:0; padding:0; outline: none; position: relative;}
  8. #contenedor {
  9. width: 20em;
  10. margin: 0 auto;
  11. padding: 2em 3em 5em;
  12. border: 4px solid #000000;
  13. background: #99D9EA;
  14. }
  15. .Textoprincipal {
  16. padding: 20px;
  17. border: 2px solid #9D9D9D;
  18. background: #D6D6D6;
  19. }
  20. p {
  21. font-size: 1em;
  22. text-align: center;
  23. margin-bottom: 1em;
  24. }
  25. p span {font-weight:900;}
  26. </style>
  27. </head>
  28. <body>
  29.   <div id="contenedor">
  30.     <div class="Textoprincipal">
  31.     <p>Las <span>Guías Prácticas</span> de Anaya Multimedia son los libros más apreciados por los usuarios que se inician en el estudio de un tema informático. Ofrecen una visión rápida y rigurosa de todo lo relacionado con ordenadores personales,lenguajes de programación, Internet y nuevas tecnologías en general.</p>
  32. <p>El objetivo es que todos los interesados encuentren aquí una forma práctica y solvente de resolver sus dudas. El lenguaje es claro e incluye ejemplos y ejercicios. Además, las capturas de pantalla e ilustraciones permiten fijar las ideas de mosdo eficaz, 
  33. actualizar conocimientos y profundizar en el aprendizaje.</p>
  34. <p>En definitiva, aquí encontrará todo lo que necesita saber. Lo esencial de la informática al alcance de todos.</p>
  35.     </div>
  36.       </div>
  37. </body>
  38. </html>

EL código anterior, sólo como base o inicio.
Por cierto, etiquetas como <center>, <b> y parecidas no se recomienda su uso. Y según qué doctype utilice pueden hasta marcarse como error su inclusión en el html.