{"id":292,"date":"2013-12-13T16:37:00","date_gmt":"2013-12-13T16:37:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/12\/13\/cach-can-giua-anh-bang-css\/"},"modified":"2022-08-20T21:42:53","modified_gmt":"2022-08-20T14:42:53","slug":"can-giua-anh-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/can-giua-anh-css\/","title":{"rendered":"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o!"},"content":{"rendered":"\n<p><span style=\"display: block; text-align: center;\">C\u0103n gi\u1eefa ch\u1eef r\u1ea5t d\u1ec5, b\u1ea1n ch\u1ec9 c\u1ea7n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh <i><code>text-align: center;<\/code><\/i> l\u00e0 OK.<\/span><br>C\u00f2n c\u0103n gi\u1eefa \u1ea3nh th\u00ec l\u1ea1i kh\u00f4ng d\u1ec5 nh\u01b0 th\u1ebf! \u0110\u00e3 r\u1ea5t nhi\u1ec1u l\u1ea7n t\u00f4i v\u00f2 \u0111\u1ea7u b\u1ee9t tai v\u00ec ch\u1eb3ng c\u0103n gi\u1eefa n\u1ed5i! Th\u1ef1c ra k\u1ef9 thu\u1eadt kh\u00f4ng c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t, nh\u01b0ng c\u1ea7n m\u1eb9o nh\u1ecf th\u00ec m\u1edbi \u0111\u01b0\u1ee3c. \u0110\u1ea5y l\u00e0 \u0111\u1eb7c \u0111i\u1ec3m chung c\u1ee7a m\u1eb9o, bi\u1ebft th\u00ec r\u1ea5t d\u1ec5 m\u00e0 kh\u00f4ng bi\u1ebft th\u00ec kh\u00f3 v\u00f4 c\u00f9ng (ch\u00e9m gi\u00f3 t\u00ed!)<\/p>\n\n\n\n<p>Gi\u1ea3 d\u1ee5 t\u00f4i c\u00f3 c\u00e1i \u1ea3nh nh\u01b0 n\u00e0y:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"230\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2016\/07\/doi_tuong_oto.gif\" alt=\"\u1ea3nh ch\u01b0a \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa\" class=\"wp-image-12102\"\/><\/figure>\n\n\n\n<p>Theo m\u1eb7c \u0111\u1ecbnh, gi\u1ed1ng nh\u01b0 tr\u00ean, b\u1ee9c \u1ea3nh s\u1ebd d\u1ea1t v\u1ec1 b\u00ean tr\u00e1i, v\u1eady l\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 t\u00f4i cho n\u00f3 ra gi\u1eefa b\u00e2y gi\u1edd?<\/p>\n\n\n\n<p>C\u00e1ch l\u00e0m nh\u01b0 sau:<\/p>\n\n\n\n<p>1. \u0110\u1ea7u ti\u00ean trong <a href=\"https:\/\/kiencang.net\/the-img-trong-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e3 \u0111\u00e1nh d\u1ea5u HTML c\u1ee7a \u1ea3nh<\/a>, b\u1ea1n th\u00eam <i>class <\/i>c\u00f3 t\u00ean l\u00e0<i> cangiua<\/i> v\u00e0o (b\u1ea5t k\u1ef3 \u1ea3nh n\u00e0o mu\u1ed1n c\u0103n gi\u1eefa th\u00ec b\u1ea1n \u0111\u1ec1u \u0111\u01b0a class n\u00e0y v\u00f4, d\u00f9ng <a href=\"https:\/\/kiencang.net\/id-class-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">class s\u1ebd h\u1ee3p l\u00fd h\u01a1n id<\/a> trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y):<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;img src=\"images\/o-to.png\" class=\"cangiua\"\/&gt;<\/code><\/pre>\n\n\n\n<p>2. Ti\u1ebfp theo trong CSS b\u1ea1n th\u00eam m\u1ea5y d\u00f2ng sau:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>img.cangiua {display: block; margin-left: auto; margin-right: auto;}<\/code><\/pre>\n\n\n\n<p>V\u00e0 \u0111\u00e2y l\u00e0 k\u1ebft qu\u1ea3:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"368\" height=\"230\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2016\/07\/doi_tuong_oto.gif\" alt=\"\u1ea3nh \u0111\u00e3 \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa\" class=\"wp-image-12102\"\/><\/figure><\/div>\n\n\n<p>V\u1eady l\u00e0 xong! Gi\u1edd th\u00ec c\u0103n gi\u1eefa \u1ea3nh th\u1eadt d\u1ec5 :))<\/p>\n\n\n\n<p>C\u00f3 th\u1ec3 b\u1ea1n mu\u1ed1n \u0111\u1ecdc th\u00eam b\u00e0i <a href=\"https:\/\/kiencang.net\/cach-dung-thuoc-tinh-display-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">thu\u1ed9c t\u00ednh display trong CSS<\/a> &amp; <a href=\"https:\/\/kiencang.net\/cach-dung-margin-va-padding-trong-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">margin, padding<\/a> \u0111\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n \u00fd ngh\u0129a nh\u1eefng d\u00f2ng code tr\u00ean.<\/p>\n\n\n\n<p>Xem th\u00eam:<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/kiencang.net\/code-don-gian-zoom-anh-bang-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Zoom \u1ea3nh b\u1eb1ng CSS3<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/code-bo-tron-anh-voi-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">Bo tr\u00f2n \u1ea3nh b\u1eb1ng CSS3<\/a>;<\/li><li><a href=\"https:\/\/kiencang.net\/box-shadow-css3\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ea1o b\u00f3ng m\u1edd (shadow) cho \u1ea3nh b\u1eb1ng CSS3<\/a>;<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>C\u0103n gi\u1eefa ch\u1eef r\u1ea5t d\u1ec5, b\u1ea1n ch\u1ec9 c\u1ea7n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh text-align: center; l\u00e0 OK.C\u00f2n c\u0103n gi\u1eefa \u1ea3nh th\u00ec l\u1ea1i kh\u00f4ng d\u1ec5 nh\u01b0 th\u1ebf! \u0110\u00e3 r\u1ea5t nhi\u1ec1u l\u1ea7n t\u00f4i v\u00f2 \u0111\u1ea7u b\u1ee9t tai v\u00ec ch\u1eb3ng c\u0103n gi\u1eefa n\u1ed5i! Th\u1ef1c ra k\u1ef9 thu\u1eadt kh\u00f4ng c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t, nh\u01b0ng c\u1ea7n m\u1eb9o nh\u1ecf th\u00ec m\u1edbi \u0111\u01b0\u1ee3c. &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o! &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/can-giua-anh-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o! &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"C\u0103n gi\u1eefa ch\u1eef r\u1ea5t d\u1ec5, b\u1ea1n ch\u1ec9 c\u1ea7n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh text-align: center; l\u00e0 OK.C\u00f2n c\u0103n gi\u1eefa \u1ea3nh th\u00ec l\u1ea1i kh\u00f4ng d\u1ec5 nh\u01b0 th\u1ebf! \u0110\u00e3 r\u1ea5t nhi\u1ec1u l\u1ea7n t\u00f4i v\u00f2 \u0111\u1ea7u b\u1ee9t tai v\u00ec ch\u1eb3ng c\u0103n gi\u1eefa n\u1ed5i! Th\u1ef1c ra k\u1ef9 thu\u1eadt kh\u00f4ng c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t, nh\u01b0ng c\u1ea7n m\u1eb9o nh\u1ecf th\u00ec m\u1edbi \u0111\u01b0\u1ee3c. &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/can-giua-anh-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-13T16:37:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-20T14:42:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2016\/07\/doi_tuong_oto.gif\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o! &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/can-giua-anh-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o! &#8226; Ki\u1ebfn c\u00e0ng","og_description":"C\u0103n gi\u1eefa ch\u1eef r\u1ea5t d\u1ec5, b\u1ea1n ch\u1ec9 c\u1ea7n s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh text-align: center; l\u00e0 OK.C\u00f2n c\u0103n gi\u1eefa \u1ea3nh th\u00ec l\u1ea1i kh\u00f4ng d\u1ec5 nh\u01b0 th\u1ebf! \u0110\u00e3 r\u1ea5t nhi\u1ec1u l\u1ea7n t\u00f4i v\u00f2 \u0111\u1ea7u b\u1ee9t tai v\u00ec ch\u1eb3ng c\u0103n gi\u1eefa n\u1ed5i! Th\u1ef1c ra k\u1ef9 thu\u1eadt kh\u00f4ng c\u00f3 g\u00ec \u0111\u1eb7c bi\u1ec7t, nh\u01b0ng c\u1ea7n m\u1eb9o nh\u1ecf th\u00ec m\u1edbi \u0111\u01b0\u1ee3c. &hellip;","og_url":"https:\/\/kiencang.net\/can-giua-anh-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2013-12-13T16:37:00+00:00","article_modified_time":"2022-08-20T14:42:53+00:00","og_image":[{"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2016\/07\/doi_tuong_oto.gif"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/can-giua-anh-css\/","url":"https:\/\/kiencang.net\/can-giua-anh-css\/","name":"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o! &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2013-12-13T16:37:00+00:00","dateModified":"2022-08-20T14:42:53+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/can-giua-anh-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/can-giua-anh-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/can-giua-anh-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch c\u0103n gi\u1eefa \u1ea3nh b\u1eb1ng CSS: c\u1ee9 t\u01b0\u1edfng th\u1ebf n\u00e0o!"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/292"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/292\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=292"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=292"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}