From 6797c29b98256ba8e7c8a59e42c9cbd0a4719d48 Mon Sep 17 00:00:00 2001 From: Lucio Gaibazzi Date: Mon, 20 Apr 2026 21:21:57 -0300 Subject: [PATCH] Agrega hoja de estilo al proyecto --- estilodiag.css | 102 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 102 insertions(+) create mode 100644 estilodiag.css diff --git a/estilodiag.css b/estilodiag.css new file mode 100644 index 0000000..e12f488 --- /dev/null +++ b/estilodiag.css @@ -0,0 +1,102 @@ +body { + font-family: Arial, sans-serif; + background-color: #eef2f3; + margin: 0; +} + +header { + background-color: #198754; + color: white; + text-align: center; + padding: 15px; +} + +nav { + background-color: #333; + padding: 10px; + text-align: center; +} + +nav a { + color: white; + margin: 10px; + text-decoration: none; +} + +main { + padding: 20px; +} + +section { + margin-bottom: 20px; +} + +img { + width: 100%; + max-width: 500px; +} + +table { + border-collapse: collapse; + width: 100%; +} + +table, th, td { + border: 1px solid black; +} + +th, td { + padding: 8px; + text-align: center; +} + +form { + background-color: white; + padding: 20px; + border-radius: 10px; + border: 1px solid #ccc; + max-width: 400px; + margin: auto; + box-shadow: 0px 0px 10px rgba(0,0,0,0,1); +} + +form label { + font-weight: bold; + display: block; + margin-top: 10px; +} + +input, select, textarea { + width: 100%; + padding: 8px; + margin-top: 5px; + border-radius: 5px; + border: 1px solid #ccc; + box-sizing: border-box; +} + +button { + background-color: #198754; + color: white; + border: none; + padding: 10px; + width: 100%; + border-radius: 5px; + margin-top: 15px; + cursor: pointer; + font-size: 16px; +} + +button:hover { + background-color: #146c43; +} + +footer { + background-color: #333; + color: white; + text-align: center; + padding: 10px; +} + + +