Hola a todos. Soy muy nuevo en esto y necesito que me echeis una mano.
Quiero poner un nuevo borde a esto de manera que no sea paralelo al que construye mi código, diferentes distancias al borde y diferente color de fondo al ya hecho pero no sé como hacerlo.
Seguro que para vosotros está fácil.
Os pongo el código.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin título</title>
<style type="text/css">
#Textoprincipal {
padding: 1px;
height: 12.1cm;
width: 9.8cm;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #9D9D9D;
border-right-color: #9D9D9D;
border-bottom-color: #9D9D9D;
border-left-color: #9D9D9D;
position: relative;
background-color: #D6D6D6;
top: 100px;
}
</style>
</head>
<body>
<center><div id="Textoprincipal">
<p>Las <b>Guías Prácticas</b><br>de Anaya Multimedia son los libros<br>más apreciados por los usuarios<br>que se inician en el estudio de un tema<br>informático. Ofrecen una visión rápida<br>y rigurosa de todo lo relacionado<br>con ordenadores personales,lenguajes<br>
de programación, Internet y nuevas<br>
tecnologías en general.</p>
<p>El objetivo es que todos los interesados<br>encuentren aquí una forma práctica<br>y solvente de resolver sus dudas.<br>El lenguaje es claro e incluye ejemplos<br>y ejercicios. Además, las capturas<br>de pantalla e ilustraciones permiten<br>fijar las ideas de mosdo eficaz,<br>
actualizar conocimientos y profundizar<br>en el aprendizaje.</p>
<p>En definitiva, aquí encontrará todo<br>lo que necesita saber. Lo esencial<br>de la informática al alcance de todos.</p>
</div></center>
</body>
</html>
Cualquier otra sugerencia para realizar lo mismo que he hecho de manera más fácil será muy de agradecer.