{"id":837,"date":"2025-11-07T12:16:06","date_gmt":"2025-11-07T11:16:06","guid":{"rendered":"https:\/\/vermiip.es\/blog\/?p=837"},"modified":"2025-11-07T12:16:06","modified_gmt":"2025-11-07T11:16:06","slug":"curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano","status":"publish","type":"post","link":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/","title":{"rendered":"Curso de HTML5 y CSS3: Fondos &#8211; Posici\u00f3n, color, imagen y tama\u00f1o"},"content":{"rendered":"<h2>Fundamentos de CSS para los fondos<\/h2>\n<p>Antes de profundizar en los diferentes aspectos de los fondos, es crucial comprender c\u00f3mo CSS gestiona estas propiedades. Todos los elementos HTML pueden tener fondos aplicados utilizando CSS, lo que nos permite personalizar la presentaci\u00f3n de nuestra p\u00e1gina.<\/p>\n<h3>Propiedades de fondo en CSS<\/h3>\n<p>Las propiedades m\u00e1s importantes que utilizaremos para los fondos son:<\/p>\n<ul>\n<li><strong>background-color:<\/strong> Define el color del fondo.<\/li>\n<li><strong>background-image:<\/strong> Establece una imagen como fondo.<\/li>\n<li><strong>background-size:<\/strong> Controla el tama\u00f1o de la imagen de fondo.<\/li>\n<li><strong>background-position:<\/strong> Determina la posici\u00f3n de la imagen de fondo.<\/li>\n<li><strong>background-repeat:<\/strong> Controla la repetici\u00f3n de la imagen de fondo.<\/li>\n<\/ul>\n<h2>Aplicando color de fondo<\/h2>\n<p>La propiedad <code>background-color<\/code> nos permite establecer el color de fondo de un elemento. Podemos usar nombres de colores, valores hexadecimales o RGB.<\/p>\n<h3>Ejemplo de c\u00f3digo: uso de color de fondo<\/h3>\n<p>El siguiente ejemplo muestra c\u00f3mo aplicar un color de fondo a un div:<\/p>\n<pre><code>div {\n    background-color: #3498db; \/* Azul *\/\n    padding: 20px;\n    }<\/code><\/pre>\n<h2>Uso de im\u00e1genes de fondo<\/h2>\n<p>Para usar im\u00e1genes de fondo, empleamos la propiedad <code>background-image<\/code>. Esta propiedad habilita la superposici\u00f3n de im\u00e1genes sobre otros elementos HTML.<\/p>\n<h3>Ejemplo de c\u00f3digo: imagen de fondo<\/h3>\n<p>Veamos c\u00f3mo podemos agregar una imagen de fondo a un contenedor:<\/p>\n<pre><code>div {\n    background-image: url('imagen.jpg');\n    background-size: cover; \/* Fondo cubre el div *\/\n    background-position: center; \/* Imagen centrada *\/\n    height: 300px; \/* Altura del div *\/\n    }<\/code><\/pre>\n<h2>Tama\u00f1o de fondo<\/h2>\n<p>El tama\u00f1o de la imagen de fondo se gestiona mediante la propiedad <code>background-size<\/code>. Esta es una herramienta poderosa que permite ajustar c\u00f3mo se presenta una imagen de fondo.<\/p>\n<h3>Valores de background-size<\/h3>\n<p>Los valores m\u00e1s comunes que podemos utilizar son:<\/p>\n<ul>\n<li><code>cover<\/code>: La imagen cubre completamente el elemento.<\/li>\n<li><code>contain<\/code>: La imagen se contiene dentro del elemento, manteniendo su relaci\u00f3n de aspecto.<\/li>\n<li>Dimensiones espec\u00edficas, como <code>50%<\/code>, <code>100px<\/code>, etc.<\/li>\n<\/ul>\n<h3>Ejemplo de c\u00f3digo: tama\u00f1o de fondo personalizado<\/h3>\n<p>A continuaci\u00f3n, un ejemplo donde se utiliza un tama\u00f1o espec\u00edfico para la imagen de fondo:<\/p>\n<pre><code>div {\n    background-image: url('imagen.jpg');\n    background-size: 200px 100px; \/* Ancho y alto espec\u00edficos *\/\n    }<\/code><\/pre>\n<h2>Posici\u00f3n del fondo<\/h2>\n<p>La propiedad <code>background-position<\/code> establece la localizaci\u00f3n de la imagen de fondo. Podemos definir la posici\u00f3n utilizando keywords o coordenadas.<\/p>\n<h3>Palabras clave de posici\u00f3n<\/h3>\n<ul>\n<li><code>top<\/code><\/li>\n<li><code>bottom<\/code><\/li>\n<li><code>left<\/code><\/li>\n<li><code>right<\/code><\/li>\n<li><code>center<\/code><\/li>\n<\/ul>\n<h3>Ejemplo de c\u00f3digo: posici\u00f3n del fondo<\/h3>\n<p>Veamos un ejemplo pr\u00e1ctico para mostrar la posici\u00f3n de una imagen de fondo:<\/p>\n<pre><code>div {\n    background-image: url('imagen.jpg');\n    background-position: bottom right; \/* Imagen en la esquina inferior derecha *\/\n    }<\/code><\/pre>\n<h2>Repetici\u00f3n de fondo<\/h2>\n<p>Finalmente, la propiedad <code>background-repeat<\/code> determina si la imagen de fondo se repetir\u00e1. Las opciones son:<\/p>\n<ul>\n<li><code>repeat<\/code>: La imagen se repite tanto en el eje X como en el Y.<\/li>\n<li><code>no-repeat<\/code>: La imagen no se repetir\u00e1.<\/li>\n<li><code>repeat-x<\/code>: La imagen se repite solo en el eje X.<\/li>\n<li><code>repeat-y<\/code>: La imagen se repite solo en el eje Y.<\/li>\n<\/ul>\n<h3>Ejemplo de c\u00f3digo: control de repetici\u00f3n<\/h3>\n<p>A continuaci\u00f3n, un ejemplo que muestra la opci\u00f3n <code>no-repeat<\/code>:<\/p>\n<pre><code>div {\n    background-image: url('imagen.jpg');\n    background-repeat: no-repeat; \/* La imagen no se repetir\u00e1 *\/\n    }<\/code><\/pre>\n<h2>Conclusiones<\/h2>\n<p>El manejo de fondos en HTML5 y CSS3 es un elemento crucial en la creaci\u00f3n de sitios web atractivos y funcionales. Al comprender y aplicar propiedades como <code>background-color<\/code>, <code>background-image<\/code>, <code>background-size<\/code>, <code>background-position<\/code> y <code>background-repeat<\/code>, podr\u00e1s personalizar la experiencia del usuario y aportar un toque \u00fanico a tus proyectos. Recuerda siempre hacer pruebas en diferentes dispositivos para asegurarte de que tus fondos se vean bien en todas partes.<\/p>\n<h3>Fuentes y lecturas recomendadas<\/h3>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/es\/docs\/Web\/CSS\/background\">Documentaci\u00f3n de fondos en MDN<\/a><\/li>\n<li><a href=\"https:\/\/www.w3schools.com\/css\/css_backgrounds.asp\">Tutorial de CSS Backgrounds en W3Schools<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.<\/p>\n","protected":false},"author":1,"featured_media":838,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[89,88],"tags":[169],"class_list":["post-837","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","category-html5","tag-curso-de-html5-y-css3"],"_wp_attached_file":null,"_wp_attachment_metadata":null,"_wp_old_slug":null,"_aioseop_description":null,"_wp_attachment_image_alt":null,"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP<\/title>\n<meta name=\"description\" content=\"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP\" \/>\n<meta property=\"og:description\" content=\"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/\" \/>\n<meta property=\"og:site_name\" content=\"Ver mi IP\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-07T11:16:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1792\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Xose de la Paz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Xose de la Paz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/\"},\"author\":{\"name\":\"Xose de la Paz\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\"},\"headline\":\"Curso de HTML5 y CSS3: Fondos &#8211; Posici\u00f3n, color, imagen y tama\u00f1o\",\"datePublished\":\"2025-11-07T11:16:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/\"},\"wordCount\":515,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/output1-1.png\",\"keywords\":[\"Curso de HTML5 y CSS3\"],\"articleSection\":[\"css\",\"html5\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/\",\"name\":\"Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/output1-1.png\",\"datePublished\":\"2025-11-07T11:16:06+00:00\",\"description\":\"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#primaryimage\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/output1-1.png\",\"contentUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/output1-1.png\",\"width\":1792,\"height\":1024,\"caption\":\"Curso de HTML5 y CSS3: Fondos --> Posici\u00f3n, color, imagen, tama\u00f1o...\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Curso de HTML5 y CSS3: Fondos &#8211; Posici\u00f3n, color, imagen y tama\u00f1o\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"name\":\"Cual es mi ip - Internet y otras locuras\",\"description\":\"Internet y otras locuras\",\"publisher\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\"},\"alternateName\":\"Cual es mi IP\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#organization\",\"name\":\"Ver mi IP\",\"alternateName\":\"vermiip\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"contentUrl\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/cropped-logo-vermiip-naranja.png\",\"width\":512,\"height\":512,\"caption\":\"Ver mi IP\"},\"image\":{\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vermiip.es\\\/blog\\\/#\\\/schema\\\/person\\\/0617918e61a75dc2d11c09238bf84200\",\"name\":\"Xose de la Paz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g\",\"caption\":\"Xose de la Paz\"},\"description\":\"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \\\"todoterreno\\\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.\",\"sameAs\":[\"https:\\\/\\\/www.enfocado.com\",\"https:\\\/\\\/www.instagram.com\\\/xose_de_la_paz\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/xosedelapaz\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP","description":"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/","og_locale":"es_ES","og_type":"article","og_title":"Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP","og_description":"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.","og_url":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/","og_site_name":"Ver mi IP","article_published_time":"2025-11-07T11:16:06+00:00","og_image":[{"width":1792,"height":1024,"url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png","type":"image\/png"}],"author":"Xose de la Paz","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Xose de la Paz","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#article","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/"},"author":{"name":"Xose de la Paz","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200"},"headline":"Curso de HTML5 y CSS3: Fondos &#8211; Posici\u00f3n, color, imagen y tama\u00f1o","datePublished":"2025-11-07T11:16:06+00:00","mainEntityOfPage":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/"},"wordCount":515,"commentCount":0,"publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"image":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#primaryimage"},"thumbnailUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png","keywords":["Curso de HTML5 y CSS3"],"articleSection":["css","html5"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/","url":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/","name":"Curso de HTML5 y CSS3: Fondos - Posici\u00f3n, color, imagen y tama\u00f1o - Ver mi IP","isPartOf":{"@id":"https:\/\/vermiip.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#primaryimage"},"image":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#primaryimage"},"thumbnailUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png","datePublished":"2025-11-07T11:16:06+00:00","description":"En este art\u00edculo exploraremos c\u00f3mo manejar fondos en HTML5 y CSS3. Veremos c\u00f3mo podemos aplicarlos a nuestras p\u00e1ginas web con diversas t\u00e9cnicas, incluyendo la manipulaci\u00f3n de su posici\u00f3n, color, imagen y tama\u00f1o. Dominando estos aspectos, podremos enriquecer la est\u00e9tica y funcionalidad de nuestras creaciones web.","breadcrumb":{"@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#primaryimage","url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png","contentUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2025\/11\/output1-1.png","width":1792,"height":1024,"caption":"Curso de HTML5 y CSS3: Fondos --> Posici\u00f3n, color, imagen, tama\u00f1o..."},{"@type":"BreadcrumbList","@id":"https:\/\/vermiip.es\/blog\/curso-de-html5-y-css3-fondos-posicion-color-imagen-y-tamano\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/vermiip.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Curso de HTML5 y CSS3: Fondos &#8211; Posici\u00f3n, color, imagen y tama\u00f1o"}]},{"@type":"WebSite","@id":"https:\/\/vermiip.es\/blog\/#website","url":"https:\/\/vermiip.es\/blog\/","name":"Cual es mi ip - Internet y otras locuras","description":"Internet y otras locuras","publisher":{"@id":"https:\/\/vermiip.es\/blog\/#organization"},"alternateName":"Cual es mi IP","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vermiip.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/vermiip.es\/blog\/#organization","name":"Ver mi IP","alternateName":"vermiip","url":"https:\/\/vermiip.es\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","contentUrl":"https:\/\/vermiip.es\/blog\/wp-content\/uploads\/2023\/10\/cropped-logo-vermiip-naranja.png","width":512,"height":512,"caption":"Ver mi IP"},"image":{"@id":"https:\/\/vermiip.es\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/vermiip.es\/blog\/#\/schema\/person\/0617918e61a75dc2d11c09238bf84200","name":"Xose de la Paz","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d248b555dd18abd5e7350d28ecf07116718da621eb85762e02558c2cef2bb8bc?s=96&d=mm&r=g","caption":"Xose de la Paz"},"description":"M\u00e1s de 20 a\u00f1os transformando pasi\u00f3n en profesi\u00f3n. Experto en desarrollo Full Stack con una visi\u00f3n integral que abarca desde la gesti\u00f3n de servidores y redes hasta el dise\u00f1o de interfaz. Soy un \"todoterreno\" tecnol\u00f3gico que cree en el aprendizaje continuo y la visi\u00f3n global de los proyectos. Entre despliegue y despliegue, me pierdo por el mundo con mi c\u00e1mara al hombro.","sameAs":["https:\/\/www.enfocado.com","https:\/\/www.instagram.com\/xose_de_la_paz\/","https:\/\/www.linkedin.com\/in\/xosedelapaz\/"]}]}},"_links":{"self":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/837","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/comments?post=837"}],"version-history":[{"count":1,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/837\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/posts\/837\/revisions\/839"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/media\/838"}],"wp:attachment":[{"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/media?parent=837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/categories?post=837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vermiip.es\/blog\/wp-json\/wp\/v2\/tags?post=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}