Aquí os dejo el ejercicio a ver qué os parece, yo lo he probado y funciona bien creo.
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="shortand: notacion css abreviada, border-width y thin, mediun, thick, border-color,
transparent, border">
<meta name="keywords" content="shortand: notacion css abreviada">
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="estilos11.css">
<title>shortand: notacion css abreviada</title>
</head>
<body>
<div id="wrapper">
<header>
<h1>Shortand: notación css abreviada</h1>
</header>
<br/><br/>
<div id="div1">
<br/>
<div id="imagen1">
<img src="c:/EJERCICIOS CURSO CSS/niño.jpg">
</div>
<br/>
Primera división
</div>
<br/><br/>
<div id="div2">
<br/>
<div id="imagen2">
<img src="c:/EJERCICIOS CURSO CSS/simson.jpg">
</div>
<br/>
Segunda división
</div>
</div>
</body>
</html>
Este es el 1º html
y ahora el css
/*shortand: notación css abreviada. Ejercicio CU01027D*/
#wrapper{text-align: center;
}
h1{border: solid black 5px;background-color: rgb(71, 219, 21);}
#div1{border-top-style: dotted;border-width: 10px;border-color: green;
border-left-style: dashed;border-width: 2px;border-color: blue;
border-bottom-style: double;border-width: 10px;border-color:#A52A2A;
border-right-style: groove;border-width: 30px;border-color: #2F4F4F;}
#imagen1{display: table;margin: 0 auto;border: solid black;width: 208px;height: 242px;}
#div2{border-top-style: inset;border-width: 30px;border-color: #B22222;
border-left-style: solid; border-width: 22px;border-color: #CAA520;
border-bottom-style: double;border-width: 25px;border-color: #4B0082;
border-right-style: dotted;border-width: 17px;border-color: #808000;
}
#imagen2{display: table;margin: 0 auto;border: solid black;width: 267px;height: 189px;}
ahora el 2º html
<!DOCTYPE html>
<html lang="es">
<head>
<meta name="description" content="shortand: notacion css abreviada, border-width y thin, mediun, thick, border-color,
transparent, border">
<meta name="keywords" content="shortand: notacion css abreviada">
<meta charset="utf-8">
<link rel="stylesheet"type="text/css"href="estilos11a.css">
<title>shortand: notacion css abreviada</title>
</head>
<body>
<div id="wrapper">
<header>
<h1>Shortand: notación css abreviada</h1>
</header>
<br/><br/>
<div id="div1">
<br/>
<div id="imagen1">
<img src="c:/EJERCICIOS CURSO CSS/niño.jpg">
</div>
<br/>
Primera división
</div>
<br/><br/>
<div id="div2">
<br/>
<div id="imagen2">
<img src="c:/EJERCICIOS CURSO CSS/simson.jpg">
</div>
<br/>
Segunda división
</div>
</div>
</body>
</html>
Y ahora el segundo CSS
/*Ejercicio 2º de la lección CU01027D shortand: notació css abreviada*/
#wrapper{text-align: center;
}
h1{border: solid black 5px;background-color: rgb(71, 219, 21);}
#div1{border-top: dotted 10px green; border-left: dashed 2px blue;border-bottom: double 10px #A52A2A;border-right: groove 30px #2F4F4F;
}
#div2{border-top: inset 30px #B22222;border-left: solid 22px #CAA520;border-bottom: double 25px #4B0082;
border-right: dotted 17px #808000;}
#imagen1{display: table;margin: 0 auto;border: solid black;width: 208px;height: 242px;}
#imagen2{display: table;margin: 0 auto;border: solid black;width: 267px;height: 189px;}
A ver que os parece... gracias por vuestro tiempo