{"id":6160,"date":"2015-02-08T14:24:42","date_gmt":"2015-02-08T19:24:42","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6160"},"modified":"2015-09-09T07:17:54","modified_gmt":"2015-09-09T11:17:54","slug":"%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a6%ac%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%95%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%89%e0%a6%a8%e0%a7%8d%e0%a6%a1-css-background","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6160","title":{"rendered":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 (CSS Background)"},"content":{"rendered":"<p>CSS background properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df element \u098f\u09b0 background effects \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\n<p>\u09af\u09c7 CSS properties \u0997\u09c1\u09b2\u09bf background effects \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09a4\u09be \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa\u0983<\/p>\n<ul>\n<li>background-color<\/li>\n<li>background-image<\/li>\n<li>background-repeat<\/li>\n<li>background-attachment<\/li>\n<li>background-position<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Background Color<\/h2>\n<p>\u098f\u0995\u099f\u09bf element \u098f\u09b0 background color \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af background-color property \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964<br \/>\n\u098f\u0995\u099f\u09bf page \u098f\u09b0 background color \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be\u09b0 \u0989\u09aa\u09be\u09df \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa\u0983<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-color: #b0c4de;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>CSS \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0995\u099f\u09bf color \u09aa\u09cd\u09b0\u09be\u09af\u09bc\u09b6 \u098f\u09ad\u09be\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09bf\u09a4 \u0995\u09b0\u09be \u09b9\u09df\u09c7 \u09a5\u09be\u0995\u09c7\u0983<\/p>\n<ul>\n<li>a HEX value &#8211; like &#8220;#ff0000&#8221;<\/li>\n<li>an RGB value &#8211; like &#8220;rgb(255,0,0)&#8221;<\/li>\n<li>a color name &#8211; like &#8220;red&#8221;<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09cb\u0995\u09cd\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u00a0&lt;h1&gt;, &lt;p&gt;, \u098f\u09ac\u0982 &lt;div&gt; \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ad\u09bf\u09a8\u09cd\u09a8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0995\u09be\u09b2\u09be\u09b0 \u09b0\u09df\u09c7\u099b\u09c7<\/p>\n<hr \/>\n<pre>h1 {\r\n\u00a0\u00a0\u00a0 background-color: #6495ed;\r\n}\r\n\r\np {\r\n\u00a0\u00a0\u00a0 background-color: #e0ffff;\r\n}\r\n\r\ndiv {\r\n\u00a0\u00a0\u00a0 background-color: #b0c4de;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Background Image<\/h2>\n<div>\n<p>\u098f\u0995\u099f\u09bf element \u098f\u09b0 background \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 image \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u099a\u09be\u0987\u09b2\u09c7 background-image property \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0964<br \/>\n\u09b8\u09cd\u09ac\u09be\u09ad\u09be\u09ac\u09bf\u0995 \u09ad\u09be\u09ac\u09c7 image \u099f\u09bf\u09b0 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u0998\u099f\u09c7 \u098f\u09ac\u0982 \u098f\u099f\u09bf element \u0985\u0982\u09b6 \u0995\u09c7 \u0986\u09ac\u09c3\u09a4 \u0995\u09b0\u09c7\u0964<br \/>\n\u098f\u0995\u099f\u09bf page \u098f\u09b0 background image \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c2\u09aa\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u09b9\u09df\u0983<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-image: url(\"paper.gif\");\r\n}<\/pre>\n<hr \/>\n<\/div>\n<div><\/div>\n<div>\u09a8\u09bf\u09ae\u09cd\u09a8\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u099f\u09bf text and background image \u098f\u09b0 \u0985\u09b8\u09ae \u099c\u09cb\u09dc \u09af\u09c7\u0996\u09be\u09a8\u09c7 text \u099f\u09bf \u09aa\u09cd\u09b0\u09be\u09df \u09aa\u09dc\u09be\u09b0 \u0985\u09af\u09cb\u0997\u09cd\u09af\u0983<\/div>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-image: url(\"bgdesert.jpg\");\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Background Image &#8211; Horizontally \u09ac\u09be Vertically <span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">\u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf<\/span><\/span><\/h2>\n<p>\u09b8\u09cd\u09ac\u09be\u09ad\u09be\u09ac\u09bf\u0995 \u09ad\u09be\u09ac\u09c7 background-image property \u098f\u0995\u099f\u09bf image \u0995\u09c7 horizontally (\u0986\u09a8\u09c1\u09ad\u09c2\u09ae\u09bf\u0995) \u098f\u09ac\u0982 vertically (\u0989\u09b2\u09cd\u09b2\u09ae\u09cd\u09ac) \u09ad\u09be\u09ac\u09c7 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09c7 \u0964<br \/>\n\u0995\u09bf\u099b\u09c1 \u0995\u09bf\u099b\u09c1 image \u098f\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u09b6\u09c1\u09a7\u09c1 horizontal \u0985\u09a5\u09ac\u09be vertical \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf\u09b0 \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8 \u09b9\u09df, \u09a4\u09be \u09a8\u09be\u09b9\u09b2\u09c7 \u09a4\u09be\u09a6\u09c7\u09b0\u0995\u09c7 \u0985\u09a6\u09cd\u09ad\u09c1\u09a4 \u09a6\u09c7\u0996\u09be\u09df\u0964<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-image: url(\"gradient_bg.png\");\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u09af\u09a6\u09bf image \u099f\u09bf \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 horizontally \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09b9\u09a4 \u09a4\u09ac\u09c7 background \u0985\u09a8\u09c7\u0995 \u099a\u09ae\u09ce\u0995\u09be\u09b0 \u09a6\u09c7\u0996\u09be\u09a4\u0964<\/p>\n<hr \/>\n<pre><span class=\"highELE\">body <\/span>{\r\n \u00a0\u00a0\u00a0 <span class=\"highATT\">background-image:<\/span><span class=\"highVAL\"> url(\"gradient_bg.png\");<\/span>\r\n \u00a0\u00a0\u00a0 <span class=\"highATT\">background-repeat:<\/span><span class=\"highVAL\"> repeat-x;<\/span>\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Background Image &#8211; <span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">\u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u098f\u09ac\u0982<\/span> <span class=\"hps\">\u0995\u09cb\u09a8 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09a8\u09df<\/span><\/span><\/h2>\n<p><strong>\u09ac\u09bf\u0983 \u09a6\u09cd\u09b0\u0983<\/strong> \u09af\u0996\u09a8 background image \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09a4\u0996\u09a8 \u098f\u09ae\u09a8 image \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09ad\u09be\u09b2 \u09af\u09be text \u098f\u09b0 \u0989\u09aa\u09b0 \u0995\u09cb\u09a8 \u09aa\u09cd\u09b0\u09ad\u09be\u09ac \u09ab\u09c7\u09b2\u09c7 \u09a8\u09be \u0964<\/p>\n<p>Image \u0995\u09c7 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09a8\u09be \u0995\u09b0\u09c7 \u098f\u0995\u09ac\u09be\u09b0 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df background-repeat property \u09a6\u09cd\u09ac\u09be\u09b0\u09be\u0964<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-image: url(\"img_tree.png\");\r\n\u00a0\u00a0\u00a0 background-repeat: no-repeat;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u0989\u09aa\u09b0\u09c7 \u09ac\u09b0\u09cd\u09a3\u09c0\u09a4 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u0997\u09c1\u09b2\u09bf\u09a4\u09c7 background image \u098f\u09ac\u0982 text \u0995\u09c7 \u098f\u0995\u0987 \u099c\u09be\u0987\u0997\u09be \u09a4\u09c7 \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09df\u09c7\u099b\u09c7 \u0964 \u098f\u0996\u09a8 \u0986\u09ae\u09b0\u09be image \u098f\u09b0\u00a0 \u099c\u09be\u0987\u0997\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09ac \u09af\u09c7\u09a8 image \u098f\u09b0 \u099c\u09a8\u09cd\u09af text \u098f\u09b0 \u0989\u09aa\u09b0 \u09a4\u09c7\u09ae\u09a8 \u0995\u09cb\u09a8 \u09aa\u09cd\u09b0\u09ad\u09be\u09ac \u09a8\u09be \u09aa\u09b0\u09c7\u0964<\/p>\n<p>\u098f\u0996\u09be\u09a8\u09c7 background-position property \u09a6\u09cd\u09ac\u09be\u09b0\u09be image \u098f\u09b0 \u099c\u09be\u0987\u0997\u09be \u09a0\u09bf\u0995 \u0995\u09b0\u09be \u09b9\u09df\u0964<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background-image: url(\"img_tree.png\");\r\n\u00a0\u00a0\u00a0 background-repeat: no-repeat;\r\n\u00a0\u00a0\u00a0 background-position: right top;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Background &#8211; <span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps alt-edited\">\u09b6\u09b0\u09cd\u099f\u09b9\u09cd\u09af\u09be\u09a8\u09cd\u09a1<\/span> <span class=\"hps alt-edited\">\u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf<\/span><\/span><\/h2>\n<p>\u0989\u09aa\u09b0\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a8 \u0997\u09c1\u09b2\u09bf \u09a5\u09c7\u0995\u09c7 \u0986\u09aa\u09a8\u09be\u09b0\u09be \u09a6\u09c7\u0996\u09a4\u09c7 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u09a8 \u09af\u09c7 background \u0995\u09c7 \u09ae\u09a8\u09cb\u09b0\u09ae \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09c7\u0995\u0997\u09c1\u09b2\u09bf properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964<\/p>\n<p>code \u0995\u09c7 \u099b\u09cb\u099f \u0995\u09b0\u09a4\u09c7 \u09b8\u0995\u09b2 properties \u0995\u09c7 \u098f\u0995\u099f\u09bf \u098f\u0995\u0995 properties \u098f \u09b0\u09c2\u09aa \u09a6\u09c7\u09df\u09be \u09b9\u09df\u0964 \u098f\u0995\u09c7 property \u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u09b9\u09df\u0964<\/p>\n<p>Background \u098f\u09b0 \u099c\u09a8\u09cd\u09af shorthand property \u09b9\u099a\u09cd\u099b\u09c7 &#8220;background&#8221;\u0964<\/p>\n<hr \/>\n<pre>body {\r\n\u00a0\u00a0\u00a0 background: #ffffff url(\"img_tree.png\") no-repeat right top;\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u09af\u0996\u09a8 shorthand property \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09a4\u0996\u09a8 value \u0997\u09c1\u09b2\u09bf\u09b0 \u0995\u09cd\u09b0\u09ae \u09b9\u099a\u09cd\u099b\u09c7\u0983<\/p>\n<ul>\n<li>background-color<\/li>\n<li>background-image<\/li>\n<li>background-repeat<\/li>\n<li>background-attachment<\/li>\n<li>background-position<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>\u09af\u09a6\u09bf \u0995\u09cb\u09a8 property value \u09a8\u09be \u09a5\u09be\u0995\u09c7 \u09a4\u09ac\u09c7 \u0995\u09cb\u09a8 \u09b8\u09ae\u09b8\u09cd\u09af\u09be \u09a8\u09c7\u0987 \u0995\u09bf\u09a8\u09cd\u09a4\u09c1 \u09af\u09a6\u09bf \u0989\u09aa\u09b8\u09cd\u09a5\u09bf\u09a4 \u09a5\u09be\u0995\u09c7 \u09a4\u09ac\u09c7 \u0989\u09aa\u09b0\u09cb\u0995\u09cd\u09a4 \u0995\u09cd\u09b0\u09ae \u09ae\u09c7\u09a8\u09c7 \u099a\u09b2\u09ac\u09c7\u0964<\/p>\n<p>\u098f\u0987 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u099f\u09bf \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df advanced CSS \u098f\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\n<hr \/>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\nbody {\r\n\u00a0\u00a0\u00a0 margin-left: 200px;\r\n\u00a0\u00a0\u00a0 background: #5d9ab2 url(\"img_tree.png\") no-repeat top left;\r\n}\r\n\r\n.container {\r\n\u00a0\u00a0\u00a0 text-align: center;\r\n}\r\n\r\n.center_div {\r\n\u00a0\u00a0\u00a0 border: 1px solid gray;\r\n\u00a0\u00a0\u00a0 margin-left: auto;\r\n\u00a0\u00a0\u00a0 margin-right: auto;\r\n\u00a0\u00a0\u00a0 width: 90%;\r\n\u00a0\u00a0\u00a0 background-color: #d0f0f6;\r\n\u00a0\u00a0\u00a0 text-align: left;\r\n\u00a0\u00a0\u00a0 padding: 8px;\r\n}\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;div class=\"container\"&gt;\r\n\u00a0 &lt;div class=\"center_div\"&gt;\r\n\u00a0\u00a0\u00a0 &lt;h1&gt;Hello World!&lt;\/h1&gt;\r\n\u00a0\u00a0\u00a0 &lt;p&gt;This example contains some advanced CSS methods you may not have learned yet. \r\n    But, we will explain these methods in a later chapter in the tutorial.&lt;\/p&gt;\r\n\u00a0 &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>\u09a8\u09bf\u099c\u09c7 \u09a8\u09bf\u099c\u09c7 \u099a\u09c7\u09b7\u09cd\u099f\u09be \u0995\u09b0\u09cb<\/h2>\n<p><strong>\u0985\u09a8\u09c1\u09b6\u09c0\u09b2\u09a8 \u09e6\u09e7\u0983<\/strong><\/p>\n<p>\u09aa\u09c7\u099c \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09b0\u0999 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 &#8220;linen&#8221; \u098f\u09ac\u0982 &lt;h1&gt; \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09b0\u0999 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 &#8220;lightblue&#8221; \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09cb\u0983<\/p>\n<hr \/>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;This is a Heading&lt;\/h1&gt;\r\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\r\n&lt;p&gt;This is another paragraph.&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>\u0985\u09a8\u09c1\u09b6\u09c0\u09b2\u09a8 \u09e6\u09e8\u0983<\/strong><\/p>\n<p>&#8220;paper.gif&#8221; \u09a8\u09be\u09ae\u0995 \u099b\u09ac\u09bf\u099f\u09bf \u09aa\u09c7\u099c \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u099b\u09ac\u09bf \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09cb<\/p>\n<hr \/>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;This is a Heading&lt;\/h1&gt;\r\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\r\n&lt;p&gt;This is another paragraph.&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>\u0985\u09a8\u09c1\u09b6\u09c0\u09b2\u09a8 \u09e6\u09e9\u0983<\/strong><\/p>\n<p>&#8220;gradient_bg_vertical.png&#8221; \u09a8\u09be\u09ae\u0995 \u099b\u09ac\u09bf\u099f\u09bf \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09cb \u098f\u09ac\u0982 \u098f\u099f\u09bf\u0995\u09c7 <span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">\u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0<\/span><\/span> <span class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">\u0989\u09b2\u09cd\u09b2\u09ae\u09cd\u09ac\u09ad\u09be\u09ac\u09c7<\/span> <span class=\"hps\">\u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u0998\u099f\u09be\u0993\u0983<\/span><\/span><\/p>\n<hr \/>\n<pre><span class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;This is a Heading&lt;\/h1&gt;\r\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\r\n&lt;p&gt;This is another paragraph.&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/span><\/span><\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\"><strong>\u0985\u09a8\u09c1\u09b6\u09c0\u09b2\u09a8 \u09e6\u09ea\u0983<\/strong><br \/>\n<\/span><\/span>\u09ac\u09cd\u09af\u09be\u0995\u09a1\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u099b\u09ac\u09bf \u0995\u09c7\u09ac\u09b2\u09ae\u09be\u09a4\u09cd\u09b0 \u098f\u0995\u09ac\u09be\u09b0 \u0989\u09aa\u09b0\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a1\u09be\u09a8 \u09aa\u09be\u09b6\u09c7 \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09cb<\/p>\n<hr \/>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\nbody {\r\n\u00a0\u00a0\u00a0 background-image: url(\"img_tree.png\");\r\n}\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;This is a Heading&lt;\/h1&gt;\r\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\r\n&lt;p&gt;This is another paragraph.&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>\u0985\u09a8\u09c1\u09b2\u09c0\u09a8 \u09e6\u09eb\u0983<\/strong><\/p>\n<p>\u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0987\u09a8\u09cd\u09a1 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0989\u09aa\u09b0\u09c7\u09b0 \u09a6\u09bf\u0995\u09c7 \u09a1\u09be\u09a8 \u09aa\u09be\u09b6\u09c7 \u0995\u09c7\u09ac\u09b2\u09ae\u09be\u09a4\u09cd\u09b0 \u098f\u0995\u09ac\u09be\u09b0 <code>\"img_tree.png\"<\/code> \u09a8\u09be\u09ae\u0995 \u099b\u09ac\u09bf\u099f\u09bf \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09a8 \u0995\u09b0\u09cb\u0983<\/p>\n<hr \/>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;This is a Heading&lt;\/h1&gt;\r\n&lt;p&gt;This is a paragraph.&lt;\/p&gt;\r\n&lt;p&gt;This is another paragraph.&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2><span id=\"result_box\" class=\"short_text\" lang=\"bn\" tabindex=\"-1\"><span class=\"hps\">\u09b8\u0995\u09b2<\/span> <span class=\"hps\">\u09b8\u09bf\u098f\u09b8\u098f\u09b8<\/span> <span class=\"hps\">\u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf<br \/>\n<\/span><\/span><\/h2>\n<table>\n<tbody>\n<tr>\n<td width=\"30%\"><strong>\u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf<\/strong><\/td>\n<td><strong>\u09ac\u09b0\u09cd\u09a3\u09a8\u09be<\/strong><\/td>\n<\/tr>\n<tr>\n<td>background<\/td>\n<td>\u098f\u0995 \u0998\u09cb\u09b7\u09a3\u09be\u09af\u09bc \u09b8\u0995\u09b2 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ac\u09c8\u09b6\u09bf\u09b7\u09cd\u099f\u09cd\u09af \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<tr>\n<td>background-attachment<\/td>\n<td>\u098f\u0995\u099f\u09bf \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u09a5\u09be\u0995\u09ac\u09c7 \u09ac\u09be \u09aa\u09c7\u099c \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b8\u09cd\u0995\u09cd\u09b0\u09b2 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<tr>\n<td>background-color<\/td>\n<td>\u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09b0\u0982 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<tr>\n<td>background-image<\/td>\n<td>\u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<tr>\n<td>background-position<\/td>\n<td>\u098f\u0995\u099f\u09bf \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c \u098f\u09b0 \u09b6\u09c1\u09b0\u09c1\u09b0 \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<tr>\n<td>background-repeat<\/td>\n<td>\u098f\u0995\u099f\u09bf \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0987\u09ae\u09c7\u099c \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u09b9\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS background properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df element \u098f\u09b0 background effects \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964 \u09af\u09c7 CSS properties \u0997\u09c1\u09b2\u09bf background effects \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df \u09a4\u09be \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa\u0983 background-color background-image background-repeat background-attachment background-position &nbsp; Background Color \u098f\u0995\u099f\u09bf element \u098f\u09b0 background color \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af background-color property \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u098f\u0995\u099f\u09bf page \u098f\u09b0 background color \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be\u09b0 \u0989\u09aa\u09be\u09df &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6160\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[1566,737,492,1506,727,1565,341],"class_list":["post-6160","post","type-post","status-publish","format-standard","hentry","category-----css-tutorial","tag-background","tag-color","tag-css","tag-image","tag-727","tag-1565","tag-341","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6174,"url":"http:\/\/bangla.sitestree.com\/?p=6174","url_meta":{"origin":6160,"position":0},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 (CSS Border)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS border properties \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 border \u098f\u09b0 style, size, and color \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7 \u0964 \u00a0 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 Border-style property \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u09b9\u09df \u0995\u09bf \u09a7\u09b0\u09a8\u09c7\u09b0 border \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09bf\u09a4 \u09b9\u09ac\u09c7\u0964 \u09ac\u09bf: \u09a6\u09cd\u09b0: Border properties \u098f\u09b0 \u0995\u09cb\u09a8 \u09aa\u09cd\u09b0\u09ad\u09be\u09ac \u0995\u09be\u099c \u0995\u09b0\u09ac\u09c7 \u09a8\u09be \u09af\u09a6\u09bf \u09a8\u09be border-style property \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u00a0 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09ae\u09be\u09a8\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6178,"url":"http:\/\/bangla.sitestree.com\/?p=6178","url_meta":{"origin":6160,"position":1},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 (CSS Margin)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be elements \u098f\u09b0 \u099a\u09be\u09b0 \u09aa\u09be\u09b6\u09c7\u09b0 \u0995\u09bf\u099b\u09c1 \u09ab\u09be\u0981\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 Margin \u09a6\u09cd\u09ac\u09be\u09b0\u09be element \u098f\u09b0 \u099a\u09be\u09b0 \u09aa\u09be\u09b6\u09c7\u09b0 clear \u09b8\u09cd\u09a5\u09be\u09a8 (outside the border) \u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964 Margin \u098f\u09b0 \u0995\u09cb\u09a8 background color \u09a8\u09c7\u0987, \u098f\u099f\u09bf \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf transparent\u0964 Top, right, bottom, and left margin \u09b8\u09cd\u09ac\u09be\u09a7\u09c0\u09a8 \u09ad\u09be\u09ac\u09c7 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df \u09a4\u09be\u09a6\u09c7\u09b0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":10855,"url":"http:\/\/bangla.sitestree.com\/?p=10855","url_meta":{"origin":6160,"position":2},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099b\u09a6\u09cd\u09ae-\u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09ac\u09be\u0982\u09b2\u09be\u09df (CSS Pseudo-elements in Bangla)","author":"Rafiqul Islam","date":"October 5, 2015","format":false,"excerpt":"\u099b\u09a6\u09cd\u09ae- \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09b8\u09ae\u09c2\u09b9 \u0995\u09bf \u0995\u09bf? \u098f\u0995\u099f\u09bf CSS \u098f\u09b0 \u099b\u09a6\u09cd\u09ae-\u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09b8\u09c1\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0985\u0982\u09b6\u09c7\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09b8\u09cd\u09ac\u09b0\u09c2\u09aa, \u098f\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7: \u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u0995\u09be\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u0985\u0995\u09cd\u09b7\u09b0 \u09ac\u09be \u09b2\u09be\u0987\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u098f\u09b0 \u0986\u0997\u09c7 \u09ac\u09be \u09aa\u09b0\u09c7 \u0989\u09aa\u09be\u09a6\u09be\u09a8 \u09aa\u09cd\u09b0\u09ac\u09c7\u09b6 \u0995\u09b0\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af \u09b8\u09bf\u09a8\u099f\u09c7\u0995\u09cd\u09b8 selector::pseudo-element\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6154,"url":"http:\/\/bangla.sitestree.com\/?p=6154","url_meta":{"origin":6160,"position":3},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (CSS Introduction)","author":"","date":"February 8, 2015","format":false,"excerpt":"\u09ae\u09cb\u0983 \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae \u00a0 \u098f\u0987 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0995\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7 \u098f\u09ac\u0982 \u098f\u0995\u0987\u09b8\u09be\u09a5\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c \u098f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09af\u09be\u09df \u09b8\u09c7 \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09aa\u09cd\u09b0\u09a4\u09bf \u0985\u09a7\u09cd\u09af\u09be\u09df \u098f \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u098f\u0987 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u098f \u09b6\u09a4 \u09b6\u09a4 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 \u09b8\u09a8\u09cd\u09a8\u09bf\u09ac\u09c7\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u0983 \u00a0body { \u00a0\u00a0\u00a0 background-color: #d0e4fe; } h1\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6166,"url":"http:\/\/bangla.sitestree.com\/?p=6166","url_meta":{"origin":6160,"position":4},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09b2\u09bf\u0999\u09cd\u0995 (CSS Links)","author":"Rafiqul Islam","date":"February 8, 2015","format":false,"excerpt":"\u09b8\u09cd\u099f\u09be\u0987\u09b2\u09bf\u0982 \u09b2\u09bf\u0999\u09cd\u0995 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09b2\u09bf\u0999\u09cd\u0995 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 (\u09af\u09c7\u09ae\u09a8: color, font-family, background, \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf) a { \u00a0\u00a0\u00a0 color: #FF0000; } \u00a0 \u09b2\u09bf\u0999\u09cd\u0995 \u098f\u09b0 \u0985\u09ac\u09b8\u09cd\u09a5\u09be \u0985\u09a8\u09c1\u09b8\u09be\u09b0\u09c7 \u098f\u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09af\u09c7\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964 \u09b2\u09bf\u0999\u09cd\u0995 \u098f\u09b0 \u099a\u09be\u09b0\u099f\u09bf \u0985\u09ac\u09b8\u09cd\u09a5\u09be \u09b0\u09df\u09c7\u099b\u09c7: a:link - \u09b8\u09be\u09a7\u09be\u09b0\u09a3, \u09ad\u09bf\u099c\u09bf\u099f \u0995\u09b0\u09be \u09b9\u09df\u09a8\u09bf \u098f\u09ae\u09a8 \u09b2\u09bf\u0999\u09cd\u0995 a:visited - \u09af\u09c7 \u09b2\u09bf\u0999\u09cd\u0995 \u098f \u09ad\u09bf\u099c\u09bf\u099f\u09b0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6770,"url":"http:\/\/bangla.sitestree.com\/?p=6770","url_meta":{"origin":6160,"position":5},"title":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u098f\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 (HTML Style &#8211; CSS)","author":"Author-Check- Article-or-Video","date":"March 24, 2015","format":false,"excerpt":"\u09b6\u09b0\u09bf\u09ab\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae Php Coder \u00a0 HTML Styles - CSS \u00a0\u0989\u09a6\u09be\u09b9\u09b0\u09a3 <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1\u00a0\u00a0 {color:blue} p\u00a0\u00a0\u00a0 {color:green} <\/style> <\/head> <body> <h1>This is a heading<\/h1> <p>This is a paragraph.<\/p> <\/body> <\/html> \u00a0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 \u0995\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09b8\u09bf\u098f\u09b8\u098f\u09b8(css) \u098f\u09b0 \u09aa\u09c2\u09b0\u09cd\u09a3 \u09a8\u09be\u09ae \u09b9\u09b2 Cascading\u00a0Style\u00a0Sheets \u0964 \u09a4\u09bf\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u2026","rel":"","context":"In &quot;\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML&quot;","block_context":{"text":"\u098f\u0987\u099a\u099f\u09bf\u098f\u09ae\u098f\u09b2 HTML","link":"http:\/\/bangla.sitestree.com\/?cat=494"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6160"}],"version-history":[{"count":7,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6160\/revisions"}],"predecessor-version":[{"id":10887,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6160\/revisions\/10887"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6160"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}