{"id":68411,"date":"2024-05-15T08:47:35","date_gmt":"2024-05-15T01:47:35","guid":{"rendered":"https:\/\/itviec.com\/blog\/?p=68411"},"modified":"2025-07-23T10:51:06","modified_gmt":"2025-07-23T03:51:06","slug":"cursor-css","status":"publish","type":"post","link":"https:\/\/itviec.com\/blog\/cursor-css\/","title":{"rendered":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">N\u1ed9i dung b\u00e0i vi\u1ebft<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/#Cursor_CSS_la_gi_Cu_phap_mau_cua_cursor_CSS\" >Cursor CSS l\u00e0 g\u00ec? C\u00fa ph\u00e1p m\u1eabu c\u1ee7a cursor CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/#Cac_gia_tri_Cursor_CSS_pho_bien_va_y_nghia_cua_chung\" >C\u00e1c gi\u00e1 tr\u1ecb Cursor CSS ph\u1ed5 bi\u1ebfn v\u00e0 \u00fd ngh\u0129a c\u1ee7a ch\u00fang<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/#4_cach_tao_kieu_con_tro_voi_Cursor_CSS\" >4 c\u00e1ch t\u1ea1o ki\u1ec3u con tr\u1ecf v\u1edbi Cursor CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/#Mot_so_cau_hoi_thuong_gap_ve_cursor_CSS\" >M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 cursor CSS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/#Tong_ket\" >T\u1ed5ng k\u1ebft<\/a><\/li><\/ul><\/nav><\/div>\n\n<p><em><strong>Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt li\u00ean quan \u0111\u1ebfn s\u1ef1 thay \u0111\u1ed5i c\u1ee7a con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. L\u00e0 m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean web, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1 Cursor CSS \u0111\u1ec3 bi\u1ebft c\u00e1ch t\u1ef1 thi\u1ebft l\u1eadp h\u00ecnh d\u00e1ng v\u00e0 hi\u1ec7u \u1ee9ng cho con tr\u1ecf chu\u1ed9t tr\u00ean trang web c\u1ee7a m\u00ecnh. Trong b\u00e0i vi\u1ebft n\u00e0y, h\u00e3y c\u00f9ng ITviec t\u00ecm hi\u1ec3u t\u1ea5t t\u1ea7n t\u1eadt v\u1ec1 thu\u1ed9c t\u00ednh cursor CSS v\u00e0 c\u00e1c thao t\u00e1c c\u01a1 b\u1ea3n nh\u00e9.<\/strong><\/em><\/p>\n\n\n\n<p>\u0110\u1ecdc b\u00e0i vi\u1ebft n\u00e0y \u0111\u1ec3 hi\u1ec3u r\u00f5:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Cursor CSS l\u00e0 g\u00ec<\/li>\n\n\n\n<li>Ph\u00e2n bi\u1ec7t c\u00e1c lo\u1ea1i cursor CSS ph\u1ed5 bi\u1ebfn<\/li>\n\n\n\n<li>4 c\u00e1ch t\u1ea1o ki\u1ec3u con tr\u1ecf v\u1edbi thu\u1ed9c t\u00ednh cursor CSS<\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Tham kh\u1ea3o <a href=\"https:\/\/itviec.com\/viec-lam-it\/css?utm_medium=anchor_text_high&amp;utm_source=blog&amp;utm_campaign=viec_lam_css&amp;utm_content=cursor_css\" target=\"_blank\" rel=\"noreferrer noopener\">vi\u1ec7c l\u00e0m CSS<\/a> to\u00e0n qu\u1ed1c<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cursor-css-la-gi-cu-phap-m\u1eabu-c\u1ee7a-cursor-css\"><span class=\"ez-toc-section\" id=\"Cursor_CSS_la_gi_Cu_phap_mau_cua_cursor_CSS\"><\/span><b>Cursor CSS l\u00e0 g\u00ec? C\u00fa ph\u00e1p m\u1eabu c\u1ee7a cursor CSS<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Cursor CSS hay c\u00f2n g\u1ecdi l\u00e0 thu\u1ed9c t\u00ednh cursor trong <a href=\"https:\/\/itviec.com\/blog\/css-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>CSS<\/strong><\/a>, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 \u0111i\u1ec1u ch\u1ec9nh ho\u1eb7c thay \u0111\u1ed5i ki\u1ec3u con tr\u1ecf c\u1ee7a m\u1ed9t ph\u1ea7n t\u1eed <a href=\"https:\/\/itviec.com\/blog\/html-la-gi\/\" target=\"_blank\" rel=\"noopener\"><strong>HTML<\/strong><\/a>. Khi ng\u01b0\u1eddi d\u00f9ng di chuy\u1ec3n con chu\u1ed9t v\u00e0o ph\u1ea7n t\u1eed \u0111\u00f3, con tr\u1ecf s\u1ebd thay \u0111\u1ed5i \u0111\u1ecbnh d\u1ea1ng theo ki\u1ec3u \u0111\u00e3 \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">V\u00ed d\u1ee5: <\/span><span style=\"font-weight: 400;\">Khi di chu\u1ed9t qua khu v\u1ef1c c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda v\u0103n b\u1ea3n, con tr\u1ecf c\u00f3 th\u1ec3 thay \u0111\u1ed5i th\u00e0nh h\u00ecnh d\u1ea1ng ch\u1eef I.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 thay \u0111\u1ed5i con tr\u1ecf chu\u1ed9t cho m\u1ed9t ph\u1ea7n t\u1eed, b\u1ea1n c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n theo c\u00fa ph\u00e1p nh\u01b0 sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cursor: &#91;&lt;url&gt; &lt;x&gt; &lt;y&gt;?,]*, &#91;keyword_value,];<\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong \u0111\u00f3:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><b>cursor<\/b><span style=\"font-weight: 400;\"> \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 thi\u1ebft l\u1eadp thu\u1ed9c t\u00ednh cursor cho ph\u1ea7n t\u1eed.<\/span><\/li>\n\n\n\n<li><b>[&lt;url> &lt;x> &lt;y>?,]*<\/b><span style=\"font-weight: 400;\"> g\u1ed3m m\u1ed9t danh s\u00e1ch t\u00f9y ch\u1ecdn c\u00e1c URL. C\u00e1c ph\u1ea7n t\u1eed trong danh s\u00e1ch n\u00e0y \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nh\u01b0 c\u00e1c gi\u00e1 tr\u1ecb d\u1ef1 ph\u00f2ng n\u1ebfu ph\u1ea7n t\u1eed tr\u01b0\u1edbc n\u00f3 kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng. &lt;x> v\u00e0 &lt;y> l\u00e0 c\u00e1c \u0111\u1ed1i s\u1ed1 t\u00f9y ch\u1ecdn sau m\u1ed7i URL \u0111\u1ea1i di\u1ec7n cho kho\u1ea3ng c\u00e1ch \u0111\u1ee9ng d\u1ecdc v\u00e0 ngang c\u1ee7a h\u00ecnh \u1ea3nh so v\u1edbi \u0111i\u1ec3m ch\u00ednh gi\u1eefa c\u1ee7a con tr\u1ecf.<\/span><\/li>\n\n\n\n<li><b>keyword_value <\/b><span style=\"font-weight: 400;\">l\u00e0 danh s\u00e1ch b\u1eaft bu\u1ed9c c\u1ee7a m\u1ed9t ho\u1eb7c nhi\u1ec1u gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh c\u00f3 s\u1eb5n c\u1ee7a con tr\u1ecf. Thu\u1ed9c t\u00ednh s\u1ebd d\u1ef1a v\u00e0o c\u00e1c gi\u00e1 tr\u1ecb n\u00e0y n\u1ebfu <\/span><span style=\"font-weight: 400;\">kh\u00f4ng c\u00f3 URL ho\u1eb7c t\u1ea5t c\u1ea3 URL kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng.<\/span><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cac-gia-tr\u1ecb-cursor-css-ph\u1ed5-bi\u1ebfn-va-y-nghia-c\u1ee7a-chung\"><span class=\"ez-toc-section\" id=\"Cac_gia_tri_Cursor_CSS_pho_bien_va_y_nghia_cua_chung\"><\/span><strong>C\u00e1c gi\u00e1 tr\u1ecb Cursor CSS ph\u1ed5 bi\u1ebfn v\u00e0 \u00fd ngh\u0129a c\u1ee7a ch\u00fang<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td>\n<p style=\"text-align: left;\"><b>Ph\u00e2n lo\u1ea1i<\/b><\/p>\n<\/td><td><b>Gi\u00e1 tr\u1ecb<\/b><\/td><td><b>Hi\u1ec3n th\u1ecb<\/b><\/td><td>\n<p style=\"text-align: left;\"><b>M\u00f4 t\u1ea3<\/b><\/p>\n<\/td><\/tr><tr><td rowspan=\"3\">\n<p style=\"text-align: left;\"><strong>T\u1ed5ng qu\u00e1t<\/strong><\/p>\n<\/td><td><strong>auto<\/strong><\/td><td>&nbsp;<\/td><td><span style=\"font-weight: 400;\">Con tr\u1ecf chu\u1ed9t t\u1ef1 \u0111\u1ed9ng thay \u0111\u1ed5i theo ng\u1eef c\u1ea3nh<\/span><\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><strong>default<\/strong><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68422 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/10cursor-css-vippro.png\" alt=\"cursor css\" width=\"23\" height=\"26\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Con tr\u1ecf chu\u1ed9t th\u01b0\u1eddng th\u1ea5y<\/span><\/p>\n<\/td><\/tr><tr><td><strong>none<\/strong><\/td><td>&nbsp;<\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Con tr\u1ecf b\u1ecb \u1ea9n ho\u00e0n to\u00e0n khi di chu\u1ed9t qua ph\u1ea7n t\u1eed. Ng\u01b0\u1eddi d\u00f9ng s\u1ebd kh\u00f4ng nh\u00ecn th\u1ea5y b\u1ea5t k\u1ef3 ph\u1ea3n h\u1ed3i tr\u1ef1c quan n\u00e0o.<\/span><\/p>\n<\/td><\/tr><tr><td rowspan=\"5\"><b>Li\u00ean k\u1ebft v\u00e0 tr\u1ea1ng th\u00e1i<\/b><\/td><td><b>context-menu<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68413\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro-179x200.png\" alt=\"cursor css\" width=\"23\" height=\"26\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro-179x200.png 179w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro-268x300.png 268w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro-89x100.png 89w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro.png 456w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/1cursor-css-vippro-402x450.png 402w\" sizes=\"auto, (max-width: 23px) 100vw, 23px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">Cho bi\u1ebft menu c\u00f3 s\u1eb5n<\/span><\/td><\/tr><tr><td><b>pointer<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68414 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/2cursor-css-vippro.png\" alt=\"cursor css\" width=\"25\" height=\"29\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cho bi\u1ebft li\u00ean k\u1ebft c\u00f3 th\u1ec3 nh\u1ea5p v\u00e0o ho\u1eb7c ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 t\u01b0\u01a1ng t\u00e1c<\/span><\/p>\n<\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><b>progress<\/b><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68430 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/18cursor-css-vippro.png\" alt=\"cursor css\" width=\"32\" height=\"33\"><\/figure><\/td><td><span style=\"font-weight: 400;\">Cho bi\u1ebft m\u1ed9t qu\u00e1 tr\u00ecnh \u0111ang di\u1ec5n ra (v\u00ed d\u1ee5: \u0111ang t\u1ea3i)<\/span><\/td><\/tr><tr><td><b>help<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68424 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/12cursor-css-vippro.png\" alt=\"cursor css\" width=\"32\" height=\"31\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cho bi\u1ebft th\u00f4ng tin tr\u1ee3 gi\u00fap c\u00f3 s\u1eb5n<\/span><\/p>\n<\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><b>wait<\/b><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68417 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/5cursor-css-vippro.png\" alt=\"cursor css\" width=\"30\" height=\"30\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Hi\u1ec3n th\u1ecb \u0111\u1ed3ng h\u1ed3 c\u00e1t ho\u1eb7c v\u00f2ng quay, cho bi\u1ebft ng\u01b0\u1eddi d\u00f9ng n\u00ean \u0111\u1ee3i<\/span><\/p>\n<\/td><\/tr><tr><td rowspan=\"2\">\n<p style=\"text-align: left;\"><b>L\u1ef1a ch\u1ecdn<\/b><\/p>\n<\/td><td><b>crosshair<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68426\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/14cursor-css-vippro.png\" alt=\"cursor css\" width=\"23\" height=\"24\"><\/figure><\/td><td><span style=\"font-weight: 400;\">Th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 bi\u1ec3u th\u1ecb l\u1ef1a ch\u1ecdn trong bitmap<\/span><\/td><\/tr><tr><td><b>text<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68429 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/17cursor-css-vippro.png\" alt=\"cursor css\" width=\"20\" height=\"26\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cho bi\u1ebft ph\u1ea7n t\u1eed c\u00f3 ch\u1ee9a v\u0103n b\u1ea3n v\u00e0 c\u00f3 th\u1ec3 ch\u1ec9nh s\u1eeda \u0111\u01b0\u1ee3c<\/span><\/p>\n<\/td><\/tr><tr><td rowspan=\"8\">\n<p style=\"text-align: left;\"><b>Th\u1ef1c hi\u1ec7n h\u00e0nh \u0111\u1ed9ng<\/b><\/p>\n<\/td><td><b>move<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68421 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/9cursor-css-vippro.png\" alt=\"cursor css\" width=\"31\" height=\"30\"><\/figure><\/td><td><span style=\"font-weight: 400;\">G\u1ee3i \u00fd r\u1eb1ng ph\u1ea7n t\u1eed c\u00f3 th\u1ec3 di chuy\u1ec3n \u0111\u01b0\u1ee3c<\/span><\/td><\/tr><tr><td><b>not-allowed<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68418 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/6cursor-css-vippro.png\" alt=\"cursor css\" width=\"27\" height=\"23\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cho bi\u1ebft h\u00e0nh \u0111\u1ed9ng b\u1ecb c\u1ea5m<\/span><\/p>\n<\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><b>alias<\/b><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68423\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro.png\" alt=\"cursor css\" width=\"30\" height=\"30\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro.png 512w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro-300x300.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro-100x100.png 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro-450x450.png 450w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/11cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 30px) 100vw, 30px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">M\u1ed9t b\u00ed danh ho\u1eb7c l\u1ed1i t\u1eaft s\u1ebd \u0111\u01b0\u1ee3c t\u1ea1o.<\/span><\/td><\/tr><tr><td><b>copy<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68419\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro.png\" alt=\"cursor css\" width=\"30\" height=\"30\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro.png 512w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro-300x300.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro-100x100.png 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro-450x450.png 450w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/7cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 30px) 100vw, 30px\" \/><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">M\u1ed9t ph\u1ea7n t\u1eed n\u00e0o \u0111\u00f3 c\u00f3 th\u1ec3 sao ch\u00e9p \u0111\u01b0\u1ee3c<\/span><\/p>\n<\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><b>no-drop<\/b><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68415\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/3cursor-css-vippro.png\" alt=\"cursor css\" width=\"26\" height=\"26\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/3cursor-css-vippro.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/3cursor-css-vippro-100x100.png 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/3cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 26px) 100vw, 26px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">Kh\u00f4ng th\u1ec3 th\u1ea3 m\u1ed9t ph\u1ea7n t\u1eed \u1edf v\u1ecb tr\u00ed n\u00e0y.<\/span><\/td><\/tr><tr><td><b>not-allowed<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68416\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/4cursor-css-vippro.png\" alt=\"cursor css\" width=\"33\" height=\"33\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/4cursor-css-vippro.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/4cursor-css-vippro-100x100.png 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/4cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 33px) 100vw, 33px\" \/><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">H\u00e0nh \u0111\u1ed9ng y\u00eau c\u1ea7u s\u1ebd kh\u00f4ng \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n<\/span><\/p>\n<\/td><\/tr><tr><td>\n<p style=\"text-align: left;\"><b>grab<\/b><\/p>\n<\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68425\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro.png\" alt=\"cursor css\" width=\"26\" height=\"26\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro.png 1962w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-294x300.png 294w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-1178x1200.png 628w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-196x200.png 196w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-768x782.png 629w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-98x100.png 98w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-442x450.png 442w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/13cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 26px) 100vw, 26px\" \/><\/figure><\/td><td><span style=\"font-weight: 400;\">M\u1ed9t ph\u1ea7n t\u1eed n\u00e0o \u0111\u00f3 c\u00f3 th\u1ec3 k\u00e9o th\u1ea3 \u0111\u01b0\u1ee3c<\/span><\/td><\/tr><tr><td><b>grabbing<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68420\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro.png\" alt=\"cursor css\" width=\"27\" height=\"27\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro.png 800w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-300x300.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-768x768.png 640w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-100x100.png 100w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-450x450.png 450w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/8cursor-css-vippro-120x120.png 120w\" sizes=\"auto, (max-width: 27px) 100vw, 27px\" \/><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">\u0110ang n\u1eafm (ch\u1ecdn \u0111\u1ec3 k\u00e9o th\u1ea3) ph\u1ea7n t\u1eed n\u00e0y<\/span><\/p>\n<\/td><\/tr><tr><td rowspan=\"2\">\n<p style=\"text-align: left;\"><b>Thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc v\u00e0 cu\u1ed9n trang<\/b><\/p>\n<\/td><td><b>col-resize<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68427 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/15cursor-css-vippro.png\" alt=\"cursor css\" width=\"30\" height=\"27\"><\/figure><\/td><td><span style=\"font-weight: 400;\">Cho ph\u00e9p thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc c\u1ed9t t\u01b0\u01a1ng \u1ee9ng.<\/span><\/td><\/tr><tr><td><b>row-resize<\/b><\/td><td><figure><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-68428 size-full\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/16cursor-css-vippro.png\" alt=\"cursor css\" width=\"28\" height=\"30\"><\/figure><\/td><td>\n<p style=\"text-align: left;\"><span style=\"font-weight: 400;\">Cho ph\u00e9p thay \u0111\u1ed5i k\u00edch th\u01b0\u1edbc h\u00e0ng t\u01b0\u01a1ng \u1ee9ng.<\/span><\/p>\n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-4-cach-t\u1ea1o-ki\u1ec3u-con-tr\u1ecf-v\u1edbi-cursor-css\"><span class=\"ez-toc-section\" id=\"4_cach_tao_kieu_con_tro_voi_Cursor_CSS\"><\/span><b>4 c\u00e1ch t\u1ea1o ki\u1ec3u con tr\u1ecf v\u1edbi Cursor CSS<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cach-t\u1ea1o-con-tr\u1ecf-tuy-ch\u1ec9nh-b\u1eb1ng-css-nbsp\"><b>C\u00e1ch t\u1ea1o con tr\u1ecf t\u00f9y ch\u1ec9nh b\u1eb1ng CSS&nbsp;<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u1ea1o con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh v\u1edbi CSS l\u00e0 c\u00e1ch \u0111\u1ec3 t\u0103ng t\u00ednh t\u01b0\u01a1ng t\u00e1c, thu h\u00fat s\u1ef1 ch\u00fa \u00fd c\u1ee7a ng\u01b0\u1eddi d\u00f9ng v\u00e0 t\u1ea1o d\u1ea5u \u1ea5n ri\u00eang cho website. B\u1ea1n c\u00f3 th\u1ec3 l\u00e0m theo c\u00e1c b\u01b0\u1edbc sau:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">T\u1ef1 thi\u1ebft k\u1ebf m\u1ed9t h\u00ecnh ho\u1eb7c l\u1ea5y m\u1ed9t file h\u00ecnh \u1ea3nh c\u00f3 \u0111\u1ecbnh d\u1ea1ng ph\u1ed5 bi\u1ebfn nh\u01b0 PNG, JPG, GIF v\u00e0 SVG \u0111\u1ec3 thay th\u1ebf cho con tr\u1ecf m\u1eb7c \u0111\u1ecbnh.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Ti\u1ebfp theo, s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh cursor trong CSS v\u00e0 tr\u1ecf n\u00f3 \u0111\u1ebfn v\u1ecb tr\u00ed c\u1ee7a h\u00ecnh \u1ea3nh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng URL. \u0110\u01b0\u1eddng d\u1eabn c\u1ee7a h\u00ecnh \u1ea3nh c\u00f3 th\u1ec3 l\u00e0 \u0111\u01b0\u1eddng d\u1eabn t\u01b0\u01a1ng \u0111\u1ed1i ho\u1eb7c \u0111\u01b0\u1eddng d\u1eabn tuy\u1ec7t \u0111\u1ed1i. L\u00fac n\u00e0y, thu\u1ed9c t\u00ednh cursor bi\u1ebft r\u1eb1ng n\u00f3 c\u1ea7n s\u1eed d\u1ee5ng b\u1ea5t k\u1ef3 h\u00ecnh \u1ea3nh n\u00e0o \u1edf URL \u0111\u00f3 l\u00e0m con tr\u1ecf. Tham kh\u1ea3o \u0111o\u1ea1n m\u00e3 sau:<\/span><\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>body { &nbsp;&nbsp;\n&nbsp;&nbsp;cursor: url('path-to-image.png'), auto; \n}<\/code><\/pre>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><span style=\"font-weight: 400;\">L\u01b0u \u00fd: \u0110\u1ec3 con tr\u1ecf c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb tr\u00ean to\u00e0n b\u1ed9 trang web, v\u1ecb tr\u00ed t\u1ed1t nh\u1ea5t \u0111\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh cursor l\u00e0 trong th\u1ebb body c\u1ee7a HTML. Tuy nhi\u00ean, b\u1ea1n v\u1eabn c\u00f3 th\u1ec3 g\u00e1n con tr\u1ecf t\u00f9y ch\u1ec9nh cho c\u00e1c th\u00e0nh ph\u1ea7n c\u1ee5 th\u1ec3 thay v\u00ec to\u00e0n b\u1ed9 trang web.<\/span><\/p>\n\n\n\n<p>Tham kh\u1ea3o <a href=\"https:\/\/itviec.com\/blog\/cac-the-trong-html\/\" target=\"_blank\" rel=\"noopener\"><strong>70+ c\u00e1c th\u1ebb trong HTML ph\u1ed5 bi\u1ebfn nh\u1ea5t<\/strong><\/a><\/p>\n<\/blockquote>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u1ea1n c\u00f3 th\u1ec3 cung c\u1ea5p nhi\u1ec1u h\u01a1n m\u1ed9t con tr\u1ecf t\u00f9y ch\u1ec9nh (nhi\u1ec1u d\u1ef1 ph\u00f2ng) cho trang web c\u1ee7a m\u00ecnh \u0111\u1ec3 s\u1eed d\u1ee5ng. T\u1ea5t c\u1ea3 nh\u1eefng g\u00ec b\u1ea1n c\u1ea7n l\u00e0m l\u00e0 th\u00eam \u0111\u01b0\u1eddng d\u1eabn c\u1ee7a ch\u00fang v\u00e0o thu\u1ed9c t\u00ednh cursor:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>body {\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;<\/span>cursor: url('path-to-image.png'), url('path-to-image-2.svg'), url('path-to-image-3.jpeg'), auto;\n}<\/code><\/pre>\n\n\n\n<p>B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 th\u00eam m\u1ed9t gi\u00e1 tr\u1ecb d\u1ef1 ph\u00f2ng cho thu\u1ed9c t\u00ednh cursor. Khi s\u1eed d\u1ee5ng c\u00e1c thu\u1ed9c t\u00ednh CSS t\u00f9y ch\u1ec9nh, gi\u00e1 tr\u1ecb n\u00e0y \u0111\u1ea3m b\u1ea3o r\u1eb1ng n\u1ebfu h\u00ecnh \u1ea3nh l\u00e0m con tr\u1ecf t\u00f9y ch\u1ec9nh c\u1ee7a b\u1ea1n b\u1ecb thi\u1ebfu ho\u1eb7c kh\u00f4ng th\u1ec3 t\u1ea3i th\u00ec ng\u01b0\u1eddi d\u00f9ng v\u1eabn c\u00f3 t\u00f9y ch\u1ecdn kh\u00e1c.<\/p>\n\n\n\n<p>Trong tr\u01b0\u1eddng h\u1ee3p n\u00e0y, auto l\u00e0 gi\u00e1 tr\u1ecb d\u1ef1 ph\u00f2ng cho thu\u1ed9c t\u00ednh cursor t\u00f9y ch\u1ec9nh. Ng\u01b0\u1eddi d\u00f9ng s\u1ebd th\u1ea5y con tr\u1ecf th\u00f4ng th\u01b0\u1eddng n\u1ebfu con tr\u1ecf t\u00f9y ch\u1ec9nh kh\u00f4ng kh\u1ea3 d\u1ee5ng.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Xem th\u00eam Vi\u1ec7c l\u00e0m <a href=\"https:\/\/itviec.com\/viec-lam-it\/frontend-developer\/ho-chi-minh-hcm?utm_medium=anchor_text_mid&amp;utm_source=blog&amp;utm_campaign=lap_trinh_vien_frontend&amp;utm_content=cursor_css\" target=\"_blank\" rel=\"noreferrer noopener\">L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/a> t\u1ea1i TP. H\u1ed3 Ch\u00ed Minh<br>Xem th\u00eam Vi\u1ec7c l\u00e0m <a href=\"https:\/\/itviec.com\/viec-lam-it\/frontend-developer\/ha-noi?utm_medium=anchor_text_mid&amp;utm_source=blog&amp;utm_campaign=lap_trinh_vien_frontend&amp;utm_content=cursor_css\" target=\"_blank\" rel=\"noreferrer noopener\">L\u1eadp tr\u00ecnh vi\u00ean Front-End<\/a> t\u1ea1i H\u00e0 N\u1ed9i<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cach-thay-d\u1ed5i-con-tr\u1ecf-thanh-pointer\"><b>C\u00e1ch thay \u0111\u1ed5i con tr\u1ecf th\u00e0nh pointer<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Con tr\u1ecf pointer (bi\u1ec3u t\u01b0\u1ee3ng b\u00e0n tay gi\u01a1 ng\u00f3n tr\u1ecf) th\u01b0\u1eddng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u1ec3 hi\u1ec7n kh\u1ea3 n\u0103ng nh\u1ea5p chu\u1ed9t v\u00e0 t\u01b0\u01a1ng t\u00e1c v\u1edbi m\u1ed9t ph\u1ea7n t\u1eed HTML. S\u1eed d\u1ee5ng con tr\u1ecf pointer cho c\u00e1c h\u00e0ng trong b\u1ea3ng gi\u00fap ng\u01b0\u1eddi d\u00f9ng d\u1ec5 d\u00e0ng nh\u1eadn bi\u1ebft r\u1eb1ng h\u1ecd c\u00f3 th\u1ec3 ch\u1ecdn ho\u1eb7c click v\u00e0o m\u1ed9t h\u00e0ng n\u00e0o \u0111\u00f3.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Gi\u1ea3 s\u1eed b\u1ea1n c\u00f3 m\u1ed9t ph\u1ea7n t\u1eed b\u1ea3ng v\u00e0 b\u1ea1n mu\u1ed1n \u0111\u1ed5i con tr\u1ecf \u0111\u1ed5i pointer b\u1ea5t c\u1ee9 khi n\u00e0o ng\u01b0\u1eddi d\u00f9ng di chu\u1ed9t qua m\u1ed9t h\u00e0ng trong b\u1ea3ng. B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh cursor CSS theo c\u00e1ch sau:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;style&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;\/* Ki\u1ec3u cho b\u1ea3ng *\/<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;table {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;font-family: arial, sans-serif;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;border-collapse: collapse;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;width: 100%;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;}<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;\/* Ki\u1ec3u cho c\u00e1c \u00f4 b\u1ea3ng *\/<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;td, th {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;border: 1px solid #dddddd;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;text-align: left;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;padding: 8px;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;}<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;\/* Ki\u1ec3u cho c\u00e1c h\u00e0ng b\u1ea3ng *\/<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;tr:hover {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;<strong>cursor: pointer<\/strong>;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;}<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/style&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;table&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;T\u00ean&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Tu\u1ed5i&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;th&gt;Th\u00e0nh ph\u1ed1&lt;\/th&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;John&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;30&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;New York&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Jane&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;25&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Chicago&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;&lt;tr&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;Bill&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;&lt;td&gt;35&lt;\/td&gt;<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Los Angeles&lt;\/td&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;&lt;\/tr&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;\/table&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong \u0111o\u1ea1n code tr\u00ean, ch\u00fang ta s\u1eed d\u1ee5ng b\u1ed9 ch\u1ecdn tr:hover \u0111\u1ec3 \u00e1p d\u1ee5ng thu\u1ed9c t\u00ednh cursor cho t\u1ea5t c\u1ea3 c\u00e1c h\u00e0ng trong b\u1ea3ng khi chu\u1ed9t di chuy\u1ec3n qua ch\u00fang, v\u00e0 thu\u1ed9c t\u00ednh cursor \u0111\u01b0\u1ee3c \u0111\u1eb7t th\u00e0nh pointer, gi\u00fap thay \u0111\u1ed5i con tr\u1ecf chu\u1ed9t th\u00e0nh bi\u1ec3u t\u01b0\u1ee3ng b\u00e0n tay.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cach-\u1ea9n-con-tr\u1ecf-chu\u1ed9t-b\u1eb1ng-css\"><b>C\u00e1ch \u1ea9n con tr\u1ecf chu\u1ed9t b\u1eb1ng CSS<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">\u0110\u1ec3 \u1ea9n con tr\u1ecf chu\u1ed9t b\u1eb1ng CSS, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng thu\u1ed9c t\u00ednh cursor v\u00e0 \u0111\u1eb7t gi\u00e1 tr\u1ecb c\u1ee7a n\u00f3 th\u00e0nh none. V\u00ed d\u1ee5:<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;style&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;\/* Ki\u1ec3u cho ph\u1ea7n t\u1eed body *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;body {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;cursor: none;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;}<\/span>\n<span style=\"font-weight: 400;\">&lt;\/style&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;body&gt;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&lt;!-- N\u1ed9i dung c\u1ee7a b\u1ea1n --&gt;<\/span>\n<span style=\"font-weight: 400;\">&lt;\/body&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Trong v\u00ed d\u1ee5 tr\u00ean, con tr\u1ecf chu\u1ed9t s\u1ebd b\u1ecb \u1ea9n tr\u00ean to\u00e0n b\u1ed9 trang web. N\u1ebfu b\u1ea1n ch\u1ec9 mu\u1ed1n \u1ea9n con tr\u1ecf chu\u1ed9t cho m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3, b\u1ea1n c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng thu\u1ed9c t\u00ednh cursor cho ph\u1ea7n t\u1eed ri\u00eang l\u1ebb \u0111\u00f3 thay v\u00ec ph\u1ea7n t\u1eed body.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cach-t\u1ea1o-con-tr\u1ecf-chu\u1ed9t-tuy-ch\u1ec9nh-v\u1edbi-javascript\"><b>C\u00e1ch t\u1ea1o con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh v\u1edbi JavaScript<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u1ea1o con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh v\u1edbi JavaScript li\u00ean quan \u0111\u1ebfn vi\u1ec7c thao t\u00e1c c\u00e1c th\u00e0nh ph\u1ea7n DOM. V\u1ec1 c\u01a1 b\u1ea3n, ch\u00fang ta s\u1ebd t\u1ea1o m\u1ed9t s\u1ed1 th\u00e0nh ph\u1ea7n DOM \u0111\u00f3ng vai tr\u00f2 nh\u01b0 con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh, sau \u0111\u00f3 s\u1eed d\u1ee5ng JavaScript \u0111\u1ec3 thao t\u00e1c ch\u00fang. L\u00fac n\u00e0y, khi di chuy\u1ec3n con tr\u1ecf chu\u1ed9t xung quanh, c\u00e1c th\u00e0nh ph\u1ea7n DOM \u0111\u00f3 s\u1ebd di chuy\u1ec3n xung quanh nh\u01b0 con tr\u1ecf chu\u1ed9t c\u1ee7a ch\u00fang ta.&nbsp;<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Thay v\u00ec thi\u1ebft k\u1ebf v\u00e0 s\u1eed d\u1ee5ng m\u1ed9t h\u00ecnh \u1ea3nh c\u00f3 s\u1eb5n, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng JavaScript \u0111\u1ec3 thi\u1ebft k\u1ebf con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh.&nbsp;<\/span><\/p>\n\n\n\n<p>V\u00ed d\u1ee5 \u0111\u1ec3 thi\u1ebft k\u1ebf con tr\u1ecf<span style=\"font-weight: 400;\"> g\u1ed3m hai ph\u1ea7n t\u1eed &#8211; m\u1ed9t h\u00ecnh tr\u00f2n l\u1edbn v\u00e0 m\u1ed9t h\u00ecnh tr\u00f2n nh\u1ecf nh\u01b0 h\u00ecnh b\u00ean d\u01b0\u1edbi:<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"248\" height=\"210\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/cursor-css-example-vippro.png\" alt=\"\" class=\"wp-image-68453\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/cursor-css-example-vippro.png 248w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/cursor-css-example-vippro-200x169.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/cursor-css-example-vippro-100x85.png 100w\" sizes=\"auto, (max-width: 248px) 100vw, 248px\" \/><\/figure>\n\n\n\n<p><span style=\"font-weight: 400;\">Ch\u00fang ta s\u1ebd t\u1ea1o hai th\u1ebb div v\u00e0 \u0111\u1eb7t cho ch\u00fang t\u00ean l\u1edbp (class):<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">&lt;div class=\"cursor small\"&gt;&lt;\/div&gt;<\/span>\n\n<span style=\"font-weight: 400;\">&lt;div class=\"cursor big\"&gt;&lt;\/div&gt;<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">Ti\u1ebfp theo, b\u1ea1n s\u1ebd t\u1ea1o c\u00e1c h\u00ecnh tr\u00f2n b\u1eb1ng CSS. Trong \u0111o\u1ea1n m\u00e3 d\u01b0\u1edbi \u0111\u00e2y:<\/span><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400;\">M\u1ed7i h\u00ecnh trong l\u1edbp \u0111\u01b0\u1ee3c g\u00e1n chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao l\u00e0 50px v\u1edbi b\u00e1n k\u00ednh vi\u1ec1n l\u00e0 50%. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">H\u00ecnh tr\u00f2n nh\u1ecf c\u00f3 \u0111\u01b0\u1eddng vi\u1ec1n v\u00e0 b\u00e1n k\u00ednh vi\u1ec1n l\u00e0 50%, chi\u1ec1u r\u1ed9ng v\u00e0 chi\u1ec1u cao l\u00e0 6px m\u1ed7i h\u00ecnh. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">Khi n\u00e0y, h\u00e3y v\u00f4 hi\u1ec7u h\u00f3a con tr\u1ecf m\u1eb7c \u0111\u1ecbnh b\u1eb1ng c\u00e1ch \u0111\u1eb7t cursor th\u00e0nh none \u0111\u1ec3 hi\u1ec3n th\u1ecb con tr\u1ecf t\u00f9y ch\u1ec9nh \u1edf v\u1ecb tr\u00ed c\u1ee7a n\u00f3. <\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400;\">B\u1ea1n c\u00f3 th\u1ec3 th\u00eam ho\u1ea1t \u1ea3nh v\u00e0o h\u00ecnh tr\u00f2n l\u1edbn b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng @keyframes.<\/span><\/li>\n\n\n\n<li>Th\u1eddi gian ho\u1ea1t \u1ea3nh (animation-duration) l\u00e0 2.0 gi\u00e2y. V\u00e0o \u0111\u1ea7u kho\u1ea3ng th\u1eddi gian n\u00e0y, \u0111\u1eb7t background-color th\u00e0nh m\u00e0u xanh l\u00e1 c\u00e2y v\u00e0 opacity th\u00e0nh 0.2. Gi\u1eefa ch\u1eebng, \u0111\u1eb7t background-color c\u1ee7a h\u00ecnh tr\u00f2n th\u00e0nh m\u00e0u cam. V\u00e0o cu\u1ed1i kho\u1ea3ng th\u1eddi gian 2 gi\u00e2y, \u0111\u1eb7t background-color c\u1ee7a h\u00ecnh tr\u00f2n th\u00e0nh m\u00e0u \u0111\u1ecf.<\/li>\n\n\n\n<li>\u0110\u1ec3 l\u00e0m cho ho\u1ea1t \u1ea3nh l\u1eb7p l\u1ea1i nhi\u1ec1u l\u1ea7n, \u0111\u1eb7t animation-iteration-count th\u00e0nh infinite.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">body {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;background-color: #171717;&nbsp; \/* M\u00e0u n\u1ec1n x\u00e1m t\u1ed1i *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;cursor: none; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* \u1ea8n con tr\u1ecf m\u1eb7c \u0111\u1ecbnh *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;height: 120vh;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* Chi\u1ec1u cao b\u1eb1ng 120% viewport *\/<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">.small {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;width: 6px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;height: 6px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border: 2px solid #fff;&nbsp; &nbsp; &nbsp; \/* \u0110\u01b0\u1eddng vi\u1ec1n tr\u1eafng 2px *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-radius: 50%; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* H\u00ecnh tr\u00f2n *\/<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">.big {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;width: 50px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;height: 50px;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;border-radius: 50%; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; \/* H\u00ecnh tr\u00f2n *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;margin-bottom: 20rem;&nbsp; &nbsp; &nbsp; &nbsp; \/* Kho\u1ea3ng c\u00e1ch d\u01b0\u1edbi 20rem *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-name: stretch; &nbsp; &nbsp; &nbsp; \/* S\u1eed d\u1ee5ng animation stretch *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-duration: 2.0s;&nbsp; &nbsp; &nbsp; \/* Th\u1eddi gian ho\u1ea1t \u1ea3nh 2 gi\u00e2y *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-timing-function: ease-out; \/* Ki\u1ec3u ho\u1ea1t \u1ea3nh: ch\u1eadm d\u1ea7n \u1edf cu\u1ed1i *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-direction: alternate; \/* Ho\u1ea1t \u1ea3nh \u0111\u1ea3o chi\u1ec1u *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-iteration-count: infinite; \/* L\u1eb7p v\u00f4 h\u1ea1n *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;animation-play-state: running;&nbsp; \/* B\u1eaft \u0111\u1ea7u ch\u1ea1y ho\u1ea1t \u1ea3nh ngay *\/<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n\n<span style=\"font-weight: 400;\">@keyframes stretch {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;0% {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;opacity: 0.2;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;background-color: green;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;border-radius: 100%;&nbsp; \/* B\u1eaft \u0111\u1ea7u v\u1edbi h\u00ecnh tr\u00f2n xanh trong m\u1edd *\/<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;}<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;50% {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;background-color: orange;&nbsp; \/* Gi\u1eefa chuy\u1ec3n sang m\u00e0u cam *\/<\/span>\n<span style=\"font-weight: 400;\">&nbsp;&nbsp;}<\/span>\n\n<span style=\"font-weight: 400;\"> &nbsp;100% {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;&nbsp;&nbsp;background-color: red;&nbsp; &nbsp; \/* K\u1ebft th\u00fac chuy\u1ec3n sang m\u00e0u \u0111\u1ecf *\/<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;}<\/span>\n<span style=\"font-weight: 400;\">}<\/span><\/code><\/pre>\n\n\n\n<p><span style=\"font-weight: 400;\">B\u00e2y gi\u1edd, \u0111\u1ec3 l\u00e0m cho c\u00e1c th\u00e0nh ph\u1ea7n di chuy\u1ec3n theo khi b\u1ea1n di chu\u1ed9t, h\u00e3y s\u1eed d\u1ee5ng JavaScript.<\/span><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><span style=\"font-weight: 400;\">const cursorSmall = document.querySelector('.small');<\/span>\n<span style=\"font-weight: 400;\">const cursorBig = document.querySelector('.big');<\/span>\n<span style=\"font-weight: 400;\">const positionElement = (e)=&gt; {<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;const mouseY = e.clientY;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;const mouseX = e.clientX;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;cursorSmall.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;<\/span>\n<span style=\"font-weight: 400;\"> &nbsp;cursorBig.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;<\/span>\n<span style=\"font-weight: 400;\">}<\/span>\n<span style=\"font-weight: 400;\">window.addEventListener('mousemove', positionElement)<\/span><\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-m\u1ed9t-s\u1ed1-cau-h\u1ecfi-th\u01b0\u1eddng-g\u1eb7p-v\u1ec1-cursor-css\"><span class=\"ez-toc-section\" id=\"Mot_so_cau_hoi_thuong_gap_ve_cursor_CSS\"><\/span><b>M\u1ed9t s\u1ed1 c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p v\u1ec1 cursor CSS<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-cursor-css-co-th\u1ec3-c\u1ea3i-thi\u1ec7n-t\u01b0\u01a1ng-tac-c\u1ee7a-ng\u01b0\u1eddi-dung-tren-trang-web-khong\"><b>Cursor CSS c\u00f3 th\u1ec3 c\u1ea3i thi\u1ec7n t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean trang web kh\u00f4ng?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">C\u00f3, cursor CSS c\u00f3 th\u1ec3 c\u1ea3i thi\u1ec7n \u0111\u00e1ng k\u1ec3 s\u1ef1 t\u01b0\u01a1ng t\u00e1c c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean c\u00e1c trang web. B\u1eb1ng c\u00e1ch thay \u0111\u1ed5i ki\u1ec3u con tr\u1ecf, b\u1ea1n cung c\u1ea5p cho ng\u01b0\u1eddi d\u00f9ng c\u00e1c t\u00edn hi\u1ec7u tr\u1ef1c quan v\u1ec1 lo\u1ea1i h\u00e0nh \u0111\u1ed9ng h\u1ecd c\u00f3 th\u1ec3 th\u1ef1c hi\u1ec7n. V\u00ed d\u1ee5, con tr\u1ecf chu\u1ed9t d\u1ea1ng &#8220;b\u00e0n tay&#8221; cho bi\u1ebft \u0111\u00f3 l\u00e0 m\u1ed9t li\u00ean k\u1ebft c\u00f3 th\u1ec3 nh\u1ea5p \u0111\u01b0\u1ee3c, trong khi con tr\u1ecf d\u1ea1ng &#8220;ch\u1eef I&#8221; g\u1ee3i \u00fd r\u1eb1ng v\u0103n b\u1ea3n c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c ch\u1ecdn ho\u1eb7c ch\u1ec9nh s\u1eeda.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">S\u1eed d\u1ee5ng ki\u1ec3u con tr\u1ecf c\u00f3 th\u1ec3 gi\u00fap trang web tr\u1ef1c quan v\u00e0 th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng h\u01a1n. Tuy nhi\u00ean, vi\u1ec7c s\u1eed d\u1ee5ng qu\u00e1 nhi\u1ec1u con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh c\u00f3 th\u1ec3 g\u00e2y nh\u1ea7m l\u1eabn cho ng\u01b0\u1eddi d\u00f9ng, v\u00ec v\u1eady \u0111i\u1ec1u c\u1ea7n thi\u1ebft l\u00e0 s\u1eed d\u1ee5ng ch\u00fang m\u1ed9t c\u00e1ch h\u1ee3p l\u00fd.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-con-tr\u1ecf-tuy-ch\u1ec9nh-co-d\u01b0\u1ee3c-h\u1ed7-tr\u1ee3-b\u1edfi-t\u1ea5t-c\u1ea3-cac-trinh-duy\u1ec7t-khong\"><b>Con tr\u1ecf t\u00f9y ch\u1ec9nh c\u00f3 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3 b\u1edfi t\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00f4ng?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">T\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ch\u00ednh nh\u01b0 Chrome, Firefox, Safari v\u00e0 Edge \u0111\u1ec1u h\u1ed7 tr\u1ee3 c\u00e1c b\u1ed9 ki\u1ec3u con tr\u1ecf c\u01a1 b\u1ea3n nh\u01b0 &#8220;con tr\u1ecf&#8221;, &#8220;ch\u1eef I&#8221; v\u00e0 &#8220;ch\u1edd \u0111\u1ee3i&#8221;. Khi s\u1eed d\u1ee5ng con tr\u1ecf h\u00ecnh \u1ea3nh t\u00f9y ch\u1ec9nh, quan tr\u1ecdng nh\u1ea5t l\u00e0 b\u1ea1n c\u1ea7n ki\u1ec3m tra t\u00ednh t\u01b0\u01a1ng th\u00edch tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t kh\u00e1c nhau v\u00e0 \u0111\u01b0a ra c\u00e1c tu\u1ef3 ch\u1ecdn con tr\u1ecf d\u1ef1 ph\u00f2ng.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Ngo\u00e0i ra, c\u1ea7n l\u01b0u \u00fd r\u1eb1ng con tr\u1ecf chu\u1ed9t t\u00f9y ch\u1ec9nh c\u00f3 th\u1ec3 hi\u1ec3n th\u1ecb kh\u00e1c nhau v\u1ec1 k\u00edch th\u01b0\u1edbc v\u00e0 ch\u1ea5t l\u01b0\u1ee3ng tr\u00ean c\u00e1c tr\u00ecnh duy\u1ec7t.<\/span><\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-lam-cach-nao-d\u1ec3-d\u1eb7t-ki\u1ec3u-con-tr\u1ecf-cho-cac-ph\u1ea7n-t\u1eed-b\u1ecb-vo-hi\u1ec7u-hoa-trong-css\"><b>L\u00e0m c\u00e1ch n\u00e0o \u0111\u1ec3 \u0111\u1eb7t ki\u1ec3u con tr\u1ecf cho c\u00e1c ph\u1ea7n t\u1eed b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a trong CSS?<\/b><\/h3>\n\n\n\n<p><span style=\"font-weight: 400;\">Thi\u1ebft l\u1eadp ki\u1ec3u con tr\u1ecf cho c\u00e1c ph\u1ea7n t\u1eed b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a trong CSS gi\u00fap c\u1ea3i thi\u1ec7n tr\u1ea3i nghi\u1ec7m ng\u01b0\u1eddi d\u00f9ng b\u1eb1ng c\u00e1ch ch\u1ec9 ra c\u00e1c khu v\u1ef1c kh\u00f4ng th\u1ec3 t\u01b0\u01a1ng t\u00e1c.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Th\u00f4ng th\u01b0\u1eddng, con tr\u1ecf not-allowed (b\u1ecb c\u1ea5m) \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng cho m\u1ee5c \u0111\u00edch n\u00e0y. \u00c1p d\u1ee5ng ki\u1ec3u n\u00e0y gi\u00fap ng\u01b0\u1eddi d\u00f9ng hi\u1ec3u r\u00f5 r\u1eb1ng m\u1ed9t s\u1ed1 ph\u1ea7n t\u1eed nh\u1ea5t \u0111\u1ecbnh, ch\u1eb3ng h\u1ea1n nh\u01b0 n\u00fat ho\u1eb7c li\u00ean k\u1ebft b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a, hi\u1ec7n \u0111ang kh\u00f4ng ho\u1ea1t \u0111\u1ed9ng. Trong CSS, \u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c th\u1ef1c hi\u1ec7n b\u1eb1ng c\u00e1ch ch\u1ecdn c\u00e1c ph\u1ea7n t\u1eed b\u1ecb v\u00f4 hi\u1ec7u h\u00f3a v\u00e0 \u0111\u1eb7t cursor: not-allowed;.<\/span><\/p>\n\n\n\n<p><span style=\"font-weight: 400;\">Thay \u0111\u1ed5i nh\u1ecf nh\u01b0ng hi\u1ec7u qu\u1ea3 n\u00e0y c\u1ea3i thi\u1ec7n t\u1ed5ng th\u1ec3 kh\u1ea3 n\u0103ng truy c\u1eadp v\u00e0 t\u00ednh th\u00e2n thi\u1ec7n c\u1ee7a trang web, \u0111\u1ea3m b\u1ea3o ng\u01b0\u1eddi d\u00f9ng kh\u00f4ng nh\u1ea5p v\u00e0o c\u00e1c ph\u1ea7n t\u1eed kh\u00f4ng ph\u1ea3n h\u1ed3i.<\/span><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Tham kh\u1ea3o th\u00eam c\u00e1c b\u00e0i vi\u1ebft kh\u00e1c thu\u1ed9c c\u00f9ng ch\u1ee7 \u0111\u1ec1 CSS:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/itviec.com\/blog\/css-la-gi\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CSS l\u00e0 g\u00ec? H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng hi\u1ec7u qu\u1ea3 CSS \u0111\u1ec3 thi\u1ebft k\u1ebf web<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itviec.com\/blog\/huong-dan-can-giua-css\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>H\u01b0\u1edbng d\u1eabn c\u0103n gi\u1eefa CSS chi ti\u1ebft theo chi\u1ec1u ngang, d\u1ecdc, hai chi\u1ec1u<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itviec.com\/blog\/lo-trinh-hoc-html-css-cho-nguoi-moi-bat-dau\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>H\u1ecdc HTML v\u00e0 CSS: L\u1ed9 tr\u00ecnh 18 b\u01b0\u1edbc chi ti\u1ebft cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/itviec.com\/blog\/grid-css\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>C\u1ea9m nang s\u1eed d\u1ee5ng Grid CSS c\u01a1 b\u1ea3n<\/strong><\/a><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/itviec.com\/blog\/tailwind-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">H\u01b0\u1edbng d\u1eabn 3 c\u00e1ch thi\u1ebft l\u1eadp Tailwind CSS chi ti\u1ebft<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/itviec.com\/blog\/animation-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u1ed5ng h\u1ee3p 11 hi\u1ec7u \u1ee9ng Animation CSS ph\u1ed5 bi\u1ebfn<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/itviec.com\/blog\/huong-dan-su-dung-bootstrap-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">C\u00e1ch \u00e1p d\u1ee5ng v\u00e0 qu\u1ea3n l\u00fd CSS v\u1edbi Bootstrap<\/a><\/strong><\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-t\u1ed5ng-k\u1ebft\"><span class=\"ez-toc-section\" id=\"Tong_ket\"><\/span><strong>T\u1ed5ng k\u1ebft<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><span style=\"font-weight: 400;\">Nh\u01b0 v\u1eady, ITviec \u0111\u00e3 c\u00f9ng b\u1ea1n kh\u00e1m ph\u00e1 ch\u1ee9c n\u0103ng c\u1ee7a thu\u1ed9c t\u00ednh cursor trong CSS. H\u00e3y t\u1eadn d\u1ee5ng t\u00ednh linh ho\u1ea1t c\u1ee7a n\u00f3 \u0111\u1ec3 bi\u1ebfn h\u00f3a h\u00ecnh d\u1ea1ng con tr\u1ecf chu\u1ed9t, gi\u00fap trang web c\u1ee7a b\u1ea1n tr\u1edf n\u00ean sinh \u0111\u1ed9ng h\u01a1n, t\u1ea1o n\u00ean tr\u1ea3i nghi\u1ec7m t\u01b0\u01a1ng t\u00e1c thu h\u00fat, kh\u01a1i g\u1ee3i h\u1ee9ng th\u00fa v\u00e0 gi\u1eef ch\u00e2n ng\u01b0\u1eddi d\u00f9ng hi\u1ec7u qu\u1ea3.<\/span><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png\" alt=\"robby-2\" class=\"wp-image-5668\" srcset=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2.png 300w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-200x200.png 200w, https:\/\/itviec.com\/blog\/wp-content\/uploads\/2015\/07\/Robby2-60x60.png 60w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center has-text-align-center\" id=\"block-bdf220a1-3635-4794-9101-81d879939b92\"><strong>B\u1ea1n th\u1ea5y b\u00e0i vi\u1ebft hay v\u00e0 h\u1eefu \u00edch? \u0110\u1eebng ng\u1ea1i Share v\u1edbi b\u1ea1n b\u00e8 v\u00e0 \u0111\u1ed3ng nghi\u1ec7p nh\u00e9.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-text-align-center\" id=\"block-a1315aab-406f-48df-97fc-6b9584e6e134\"><strong>V\u00e0 nhanh tay tham kh\u1ea3o&nbsp;<a href=\"http:\/\/itviec.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">vi\u1ec7c l\u00e0m IT<\/a>&nbsp;\u201cch\u1ea5t\u201d tr\u00ean ITviec<\/strong>!<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt li\u00ean quan \u0111\u1ebfn s\u1ef1 thay \u0111\u1ed5i c\u1ee7a con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. L\u00e0 m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean web, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1 Cursor CSS \u0111\u1ec3 bi\u1ebft c\u00e1ch t\u1ef1 thi\u1ebft l\u1eadp h\u00ecnh d\u00e1ng v\u00e0 hi\u1ec7u \u1ee9ng cho con tr\u1ecf chu\u1ed9t tr\u00ean trang web c\u1ee7a m\u00ecnh. [&hellip;]<\/p>\n","protected":false},"author":213,"featured_media":68672,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_gspb_post_css":"","footnotes":""},"categories":[109],"tags":[],"class_list":["post-68411","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-chuyen-mon-it"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS - ITviec Blog<\/title>\n<meta name=\"description\" content=\"Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt thay \u0111\u1ed5i con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. B\u00e0i vi\u1ebft t\u1ed5ng h\u1ee3p thu\u1ed9c t\u00ednh cursor CSS v\u00e0 c\u00e1c thao t\u00e1c c\u01a1 b\u1ea3n.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/itviec.com\/blog\/cursor-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS\" \/>\n<meta property=\"og:description\" content=\"Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt li\u00ean quan \u0111\u1ebfn s\u1ef1 thay \u0111\u1ed5i c\u1ee7a con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. L\u00e0 m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean web, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1 Cursor CSS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/itviec.com\/blog\/cursor-css\/\" \/>\n<meta property=\"og:site_name\" content=\"ITviec Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ITviec\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-15T01:47:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-23T03:51:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2112\" \/>\n\t<meta property=\"og:image:height\" content=\"1112\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Linh Trao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ITviec\" \/>\n<meta name=\"twitter:site\" content=\"@ITviec\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Linh Trao\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 ph\u00fat\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS - ITviec Blog","description":"Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt thay \u0111\u1ed5i con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. B\u00e0i vi\u1ebft t\u1ed5ng h\u1ee3p thu\u1ed9c t\u00ednh cursor CSS v\u00e0 c\u00e1c thao t\u00e1c c\u01a1 b\u1ea3n.","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:\/\/itviec.com\/blog\/cursor-css\/","og_locale":"vi_VN","og_type":"article","og_title":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS","og_description":"Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt li\u00ean quan \u0111\u1ebfn s\u1ef1 thay \u0111\u1ed5i c\u1ee7a con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. L\u00e0 m\u1ed9t l\u1eadp tr\u00ecnh vi\u00ean web, b\u1ea1n c\u00f3 th\u1ec3 t\u00ecm hi\u1ec3u v\u1ec1 Cursor CSS","og_url":"https:\/\/itviec.com\/blog\/cursor-css\/","og_site_name":"ITviec Blog","article_publisher":"https:\/\/www.facebook.com\/ITviec","article_published_time":"2024-05-15T01:47:35+00:00","article_modified_time":"2025-07-23T03:51:06+00:00","og_image":[{"width":2112,"height":1112,"url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png","type":"image\/png"}],"author":"Linh Trao","twitter_card":"summary_large_image","twitter_creator":"@ITviec","twitter_site":"@ITviec","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Linh Trao","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"15 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/itviec.com\/blog\/cursor-css\/#article","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/"},"author":{"name":"Linh Trao","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/6d1bcbfa05475cbc5a2eaf0727501a16"},"headline":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS","datePublished":"2024-05-15T01:47:35+00:00","dateModified":"2025-07-23T03:51:06+00:00","mainEntityOfPage":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/"},"wordCount":3194,"publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"image":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png","articleSection":["Chuy\u00ean m\u00f4n IT"],"inLanguage":"vi"},{"@type":"WebPage","@id":"https:\/\/itviec.com\/blog\/cursor-css\/","url":"https:\/\/itviec.com\/blog\/cursor-css\/","name":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS - ITviec Blog","isPartOf":{"@id":"https:\/\/itviec.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/#primaryimage"},"image":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/#primaryimage"},"thumbnailUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png","datePublished":"2024-05-15T01:47:35+00:00","dateModified":"2025-07-23T03:51:06+00:00","description":"Cursor CSS l\u00e0 m\u1ed9t k\u1ef9 thu\u1eadt thay \u0111\u1ed5i con tr\u1ecf chu\u1ed9t khi s\u1eed d\u1ee5ng trang web. B\u00e0i vi\u1ebft t\u1ed5ng h\u1ee3p thu\u1ed9c t\u00ednh cursor CSS v\u00e0 c\u00e1c thao t\u00e1c c\u01a1 b\u1ea3n.","breadcrumb":{"@id":"https:\/\/itviec.com\/blog\/cursor-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/itviec.com\/blog\/cursor-css\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/cursor-css\/#primaryimage","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/05\/Thumbnail-cursor-css-vippro.png","width":2112,"height":1112,"caption":"cursor css - itviec blog"},{"@type":"BreadcrumbList","@id":"https:\/\/itviec.com\/blog\/cursor-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Chuy\u00ean m\u00f4n IT","item":"https:\/\/itviec.com\/blog\/chuyen-mon-it\/"},{"@type":"ListItem","position":2,"name":"Cursor CSS l\u00e0 g\u00ec: C\u00fa ph\u00e1p, ph\u00e2n lo\u1ea1i v\u00e0 c\u00e1ch t\u1ea1o Cursor CSS"}]},{"@type":"WebSite","@id":"https:\/\/itviec.com\/blog\/#website","url":"https:\/\/itviec.com\/blog\/","name":"ITviec Blog","description":"IT Jobs &amp; People in Vietnam","publisher":{"@id":"https:\/\/itviec.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/itviec.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/itviec.com\/blog\/#organization","name":"ITviec","url":"https:\/\/itviec.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2018\/12\/itviec-black-square-facebook.png","width":1800,"height":1800,"caption":"ITviec"},"image":{"@id":"https:\/\/itviec.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ITviec","https:\/\/x.com\/ITviec","https:\/\/www.linkedin.com\/company\/itviec","https:\/\/www.youtube.com\/channel\/UCYthAQ3bcGr57M_ag5gHDvQ"]},{"@type":"Person","@id":"https:\/\/itviec.com\/blog\/#\/schema\/person\/6d1bcbfa05475cbc5a2eaf0727501a16","name":"Linh Trao","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/trao-thi-tung-linh-author-e1709892478113-100x100.jpg","url":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/trao-thi-tung-linh-author-e1709892478113-100x100.jpg","contentUrl":"https:\/\/itviec.com\/blog\/wp-content\/uploads\/2024\/03\/trao-thi-tung-linh-author-e1709892478113-100x100.jpg","caption":"Linh Trao"},"url":"https:\/\/itviec.com\/blog\/author\/linh-trao\/"}]}},"_links":{"self":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/68411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/users\/213"}],"replies":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/comments?post=68411"}],"version-history":[{"count":1,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/68411\/revisions"}],"predecessor-version":[{"id":89812,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/posts\/68411\/revisions\/89812"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media\/68672"}],"wp:attachment":[{"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/media?parent=68411"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/categories?post=68411"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itviec.com\/blog\/wp-json\/wp\/v2\/tags?post=68411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}