Cita:
Iniciado por Linton 
Y corrige la línea del enlace en tu código HTML:
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all" />
Sin esa coletilla será como si la hoja de estilos no existiera
perdona, eso es del todo inexacto (para no decir erróneo). Si al enlazar el css no se especifica ningún "media", se sobreentiende que es media="
allscreen"
Morgan007, para hacer lo que quieres vas a necesitar conocimientos de HTML y de CSS. Intenta no solo copiar cosas de ejercicios y plantillas sino ENTENDER que es lo que estás copiando, sino no lo vas a lograr. Los compañeros te han pasado buenos enlaces para lograr lo que quieres, si no lo entiendes quizás deberías repasar quizás temas un poco más básicos primero.