{"id":1429,"date":"2011-06-28T14:36:50","date_gmt":"2011-06-28T12:36:50","guid":{"rendered":"http:\/\/www.4webs.es\/blog\/?p=1429"},"modified":"2018-07-04T07:58:55","modified_gmt":"2018-07-04T06:58:55","slug":"maquetacion-de-paginas-web-con-css3-1429","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429","title":{"rendered":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-884 aligncenter\"  src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg\" alt=\"\" width=\"551\" height=\"248\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg 551w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados-300x135.jpg 300w\" sizes=\"auto, (max-width: 551px) 85vw, 551px\" \/><\/p>\n<p>Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.<br \/>\nEl CSS es algo que va evolucionando y desde que apareci\u00f3 la versi\u00f3n 3 aport\u00f3 nuevas caracter\u00edsticas que nos har\u00e1 m\u00e1s f\u00e1cil el <a  href=\"https:\/\/www.4webs.es\/\">dise\u00f1o web<\/a>.<br \/>\nCon CSS3 ampliamos nuestro control sobre el dise\u00f1o de las p\u00e1ginas web que maquetamos adquiriendo nuevas opciones que antes hab\u00eda que realizar mediante trucos que pod\u00edan alterar el contenido de nuestro dise\u00f1o y que luego pod\u00edan presentar problemas seg\u00fan el navegador donde vi\u00e9ramos nuestro dise\u00f1o web. Gracias a estos nuevos mecanismos que aporta CSS3 nos ahorraremos tener que realizar esos trucos que pod\u00edan complicar nuestro dise\u00f1o web.<br \/>\nTambi\u00e9n es importante destacar la <strong>velocidad<\/strong> que ganamos y <strong>productividad<\/strong> a la hora de maquetar las webs al tener estos elementos ya incluidos en la CSS.<\/p>\n<p>Por citar algunas de las nuevas cualidades del <strong>CSS3<\/strong>, ahora disponemos de la posibilidad de usar en la maquetaci\u00f3n de nuestros dise\u00f1os web directamente elementos como <strong>esquinas redondeadas o gradientes<\/strong>, evitando tener que andar con estos trucos gr\u00e1ficos que antes coment\u00e1bamos y que pod\u00edan presentar problemas en el dise\u00f1o de nuestras p\u00e1ginas web.<br \/>\nPor lo tanto las ventajas del CSS3 aparte del mayor control en el dise\u00f1o, es que la creaci\u00f3n de nuestras webs va a a ser m\u00e1s r\u00e1pida, mejoraremos en el peso y en el tiempo de carga, factor que google valora para el <a  href=\"https:\/\/www.4webs.es\/posicionar-tienda-online\">posicionamiento de las paginas web<\/a>.<br \/>\nAqu\u00ed van algunos ejemplos de los nuevos elementos que podemos utilizar al maquetar nuestros dise\u00f1os web.<\/p>\n<p>&nbsp;<\/p>\n<h3>BORDES CON DEGRADADOS<\/h3>\n<p>Puedes obtener bordes con degradados usando: -moz-border-radius \/ -webkit-border property.<\/p>\n<pre lang=\"css\">border: 8px solid #000;\r\n-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;\r\n-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;\r\n-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;\r\n-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;\r\npadding: 5px 5px 5px 15px;\r\n\r\n<\/pre>\n<h3>ESQUINAS REDONDEADAS O BORDES REDONDEADOS<\/h3>\n<p>Ahora es muy f\u00e1cil implantar esquinas redondeadas o bordes sin trucos gr\u00e1ficos en la maquetaci\u00f3n.<\/p>\n<pre lang=\"css\">background-color: #DAE8EC;\r\n-moz-border-radius: 10px;\r\n-webkit-border-radius: 10px;\r\nborder: 2px solid #B8CB99;\r\npadding: 10px;\r\n<\/pre>\n<h3>BORDES CON IMAGEN<\/h3>\n<p>Ahora si quieres utilizar las im\u00e1genes para los bordes, CSS3 soporta imagen en los bordes a trav\u00e9s de las propiedades border-image y border-corner-image.<\/p>\n<pre lang=\"css\">border-image: url(border.png) 27 27 27 27 round round;\r\n<\/pre>\n<h3>M\u00daLTIPLES COLUMNAS (MULTIPLE COLUMNS)<\/h3>\n<p>Tenemos la posibilidad tambi\u00e9n de poder colocar textos que sean muy largos en columnas pudiendo as\u00ed distribuir mucho mejor el espacio .<\/p>\n<pre lang=\"css\">CSS 3 Multiple Columns (Count)\r\n#my_CSS3_id {\r\ntext-align: justify;\r\n-moz-column-count: 3;\r\n-moz-column-gap: 1.5em;\r\n-moz-column-rule: 1px solid #c4c8cc;\r\n-webkit-column-count: 3;\r\n-webkit-column-gap: 1.5em;\r\n-webkit-column-rule: 1px solid #c4c8cc;\r\n}\r\n\r\n<\/pre>\n<p>Esto son solo algunas de las novedades que trae la nueva versi\u00f3n de CSS3 por destacar algunas, ya que la lista completa de novedades que podemos utilizar en nuestros dise\u00f1os web es bastante larga.<\/p>\n<p>En resumen vemos que las novedades solo aportan mejoras en cuanto a dise\u00f1o y posicionamiento en nuestras paginas web<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.<\/p>\n","protected":false},"author":1,"featured_media":884,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,7],"tags":[],"class_list":{"0":"post-1429","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-actualidad","8":"category-codigos-scripts"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es<\/title>\n<meta name=\"description\" content=\"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina 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:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2011-06-28T12:36:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-04T06:58:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"551\" \/>\n\t<meta property=\"og:image:height\" content=\"248\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pablo Risue\u00f1o\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pablo Risue\u00f1o\" \/>\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:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Maquetaci\u00f3n de p\u00e1ginas web con CSS3\",\"datePublished\":\"2011-06-28T12:36:50+00:00\",\"dateModified\":\"2018-07-04T06:58:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429\"},\"wordCount\":489,\"commentCount\":1,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/botones-css3-redondeados.jpg\",\"articleSection\":[\"Actualidad\",\"C\u00f3digos (Scripts)\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429\",\"name\":\"Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/botones-css3-redondeados.jpg\",\"datePublished\":\"2011-06-28T12:36:50+00:00\",\"dateModified\":\"2018-07-04T06:58:55+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/botones-css3-redondeados.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2010\\\/09\\\/botones-css3-redondeados.jpg\",\"width\":551,\"height\":248},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/maquetacion-de-paginas-web-con-css3-1429#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Maquetaci\u00f3n de p\u00e1ginas web con CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es","description":"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina 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:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429","og_locale":"es_ES","og_type":"article","og_title":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es","og_description":"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.","og_url":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2011-06-28T12:36:50+00:00","article_modified_time":"2018-07-04T06:58:55+00:00","og_image":[{"width":551,"height":248,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3","datePublished":"2011-06-28T12:36:50+00:00","dateModified":"2018-07-04T06:58:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429"},"wordCount":489,"commentCount":1,"image":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg","articleSection":["Actualidad","C\u00f3digos (Scripts)"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429","url":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429","name":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3 | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg","datePublished":"2011-06-28T12:36:50+00:00","dateModified":"2018-07-04T06:58:55+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"Como coment\u00e1bamos en art\u00edculos anteriores, apostamos por el uso de las CSS a la hora de maquetar nuestros dise\u00f1os web. El uso de tablas para este prop\u00f3sito es algo que ha quedado desfasado totalmente y las ventajas de realizar la maquetaci\u00f3n de nuestros dise\u00f1os web mediante CSS son muchas m\u00e1s, adem\u00e1s favoreciendo el c\u00f3digo limpio y el posicionamiento de la pagina web.","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2010\/09\/botones-css3-redondeados.jpg","width":551,"height":248},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/maquetacion-de-paginas-web-con-css3-1429#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Maquetaci\u00f3n de p\u00e1ginas web con CSS3"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=1429"}],"version-history":[{"count":5,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1429\/revisions"}],"predecessor-version":[{"id":10475,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/1429\/revisions\/10475"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/884"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=1429"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=1429"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=1429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}