0

.body{
  background-color: red;
  color:red;
  font-family:Arial;
}
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylsheet" type="text/css" href="CSS10.css">
<title>Web ejercicio 10</title>
</head>

<body "body">
    <div class="div1">
        <p><a href="">P&aacute;gina Principal</a></p>
        <p><a href="">Enlace 1</a></p>
        <p><a href="">Enlace 2</a></p>
        <p><a href="">Enlace 3</a></p>
    </div>
</body>
</html>

He comprobado que el archivo se nombraba igual y no consigo hacerlo funcionar.

1 respuesta 1

2

Tienes mal tu HTML. <body "body"> no es válido. Además en tu CSS estás haciendo referencia a la clase body (poniendo el selector punto (.) antes del nombre body).

O bien quitas "body" de tu elemento y quitas el punto en el CSS:

body{
  background-color: red;
  color:red;
  font-family:Arial;
}
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylsheet" type="text/css" href="CSS10.css">
<title>Web ejercicio 10</title>
</head>

<body>

  <div class="div1">
    <p><a href="">P&aacute;gina Principal</a></p>
    <p><a href="">Enlace 1</a></p>
    <p><a href="">Enlace 2</a></p>
    <p><a href="">Enlace 3</a></p>
  </div>
</body>
</html>

O bien añades una clase "body" a tu elemento <body class="body">

.body{
  background-color: red;
  color:red;
  font-family:Arial;
}
<html lang="es">
<head>
<meta charset="utf-8">
<link rel="stylsheet" type="text/css" href="CSS10.css">
<title>Web ejercicio 10</title>
</head>

<body class="body">
  <div class="div1">
    <p><a href="">P&aacute;gina Principal</a></p>
    <p><a href="">Enlace 1</a></p>
    <p><a href="">Enlace 2</a></p>
    <p><a href="">Enlace 3</a></p>
  </div>
</body>
</html>

Todo dependerá de tus necesidades pero piensa que engloba a todo por lo que las propiedades que le asignes son generales.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.