1.\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09c7\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ac\u09bf\u09b7\u09df\u0964\u09ad\u09be\u09b2\u09ae\u09be\u09a8\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f \u09ac\u09be\u09a8\u09be\u09a4\u09c7 \u09b9\u09b2\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099c\u09be\u09a8\u09be \u09a6\u09b0\u0995\u09be\u09b0\u0964\u0986\u099c \u0986\u09ae\u09bf \u0985\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09bf\u09b7\u09df\u09c7 \u0995\u09bf\u099b\u09c1 \u09a7\u09be\u09b0\u09a3\u09be \u09a6\u09c7\u09ac\u0964<\/p>\n
\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09c7\u09ac\u09bf\u09b2\u0983-<\/p>\n
table
\n{
\nborder-collapse:collapse;
\n}
\ntable,th, td
\n{
\nborder: 1px solid black;
\n}<\/p>\n
\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\u0983-<\/p>\n
1. body {background-color:#b0c4de;}
\n2. h1 {background-color:#6495ed;}
\np {background-color:#e0ffff;}
\ndiv {background-color:#b0c4de;}
\n3. body {background-image:url(“paper.gif”);}
\n4. body
\n{
\nbackground-image:url(“img_tree.png”);
\nbackground-repeat:no-repeat;
\n}
\n\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09a4\u09c8\u09b0\u09c0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09b2\u09c7
\n\uf0d8 Margin
\n\uf0d8 Border
\n\uf0d8 Padding
\n\uf0d8 Content
\n\u098f\u0987 \u099a\u09be\u09b0\u099f\u09bf\u09b0 \u09ae\u09be\u09aa \u0986\u09a8\u09c1\u09af\u09be\u09df\u09c0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u0995\u09cd\u09b8 \u09ae\u09a1\u09c7\u09b2 \u09a4\u09c8\u09b0\u09c0 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964
\n\u09af\u09c7\u09ae\u09a8\u0983-
\nwidth:250px;
\npadding:10px;
\nborder:5px solid gray;
\nmargin:10px;
\n\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u09ac\u0995\u09cd\u09b8 \u09a4\u09c8\u09b0\u09c0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09b2\u09c7\u0983-
\ndiv
\n{
\nborder:2px solid;
\nborder-radius:25px;
\n}<\/p>\n
\u09a1\u09bf\u09ad \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09a6\u09bf\u09df\u09c7 \u09ac\u0995\u09cd\u09b8 \u09a4\u09c8\u09b0\u09c0\u0983-
\ndiv
\n{
\n-webkit-border-image:url(border.png) 30 30 round; \/* Safari 5 *\/
\n-o-border-image:url(border.png) 30 30 round; \/* Opera 10.5-12.1 *\/
\nborder-image:url(border.png) 30 30 round;
\n}
\n\u09ac\u0995\u09cd\u09b8\u09c7 \u099b\u09be\u09df\u09be \u09a6\u09bf\u09a4\u09c7\u0983-
\ndiv
\n{
\nbox-shadow: 10px 10px 5px #888888;
\n}
\n\u099f\u09c7\u0995\u09cd\u09b8\u099f \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09a6\u09bf\u09a4\u09c7 \u0983
\nh1
\n{
\ntext-shadow: 5px 5px 5px #FF0000;
\n}<\/p>\n
\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09bf\u0982 \u09b2\u09bf\u0982\u0995\u0983-
\na:link {color:#FF0000;} \/* unvisited link *\/
\na:visited {color:#00FF00;} \/* visited link *\/
\na:hover {color:#FF00FF;} \/* mouse over link *\/
\na:active {color:#0000FF;} \/* selected link *\/<\/p>\n
\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f\u0983-
\n<!DOCTYPE html>
\n<html>
\n<head>
\n<style>
\ndiv
\n{
\nwidth:100px;
\nheight:100px;
\nbackground:red;
\nanimation:myfirst 5s;
\n-webkit-animation:myfirst 5s; \/* Safari and Chrome *\/
\n}<\/p>\n
@keyframes myfirst
\n{
\nfrom {background:red;}
\nto {background:yellow;}
\n}
\n@keyframes myfirst
\n{
\nfrom {background: red;}
\nto {background: yellow;}
\n}<\/p>\n
@-webkit-keyframes myfirst \/* Safari and Chrome *\/
\n{
\nfrom {background: red;}
\nto {background: yellow;}
\n}<\/p>\n
@-webkit-keyframes myfirst \/* Safari and Chrome *\/
\n{
\nfrom {background:red;}
\nto {background:yellow;}
\n}
\n<\/style>
\n<\/head>
\n<body><\/p>\n
<p><b>Note:<\/b> This example does not work in Internet Explorer 9 and earlier versions.<\/p><\/p>\n
<div><\/div><\/p>\n
<\/body>
\n<\/html><\/p>\n
2. \u0986\u09ae\u09bf \u098f\u0987 \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f \u09a5\u09c7\u0995\u09c7 \u09ac\u09bf\u09b7\u09df \u09ac\u09c7\u099b\u09c7 \u09a8\u09bf\u09df\u09c7\u099b\u09bf:
\nhttp:\/\/salearningschool.com<\/p>\n","protected":false},"excerpt":{"rendered":"
1.\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09c7\u09b0 \u0995\u09cd\u09b7\u09c7\u09a4\u09cd\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09ac\u09bf\u09b7\u09df\u0964\u09ad\u09be\u09b2\u09ae\u09be\u09a8\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u0993\u09df\u09c7\u09ac \u09b8\u09be\u0987\u099f \u09ac\u09be\u09a8\u09be\u09a4\u09c7 \u09b9\u09b2\u09c7 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099c\u09be\u09a8\u09be \u09a6\u09b0\u0995\u09be\u09b0\u0964\u0986\u099c \u0986\u09ae\u09bf \u0985\u09aa\u09a8\u09be\u09a6\u09c7\u09b0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09bf\u09b7\u09df\u09c7 \u0995\u09bf\u099b\u09c1 \u09a7\u09be\u09b0\u09a3\u09be \u09a6\u09c7\u09ac\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u099f\u09c7\u09ac\u09bf\u09b2\u0983- table { border-collapse:collapse; } table,th, td { border: 1px solid black; } \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1\u0983- 1. body {background-color:#b0c4de;} 2. h1 {background-color:#6495ed;} p {background-color:#e0ffff;} div {background-color:#b0c4de;} 3. body {background-image:url(“paper.gif”);} 4. body { background-image:url(“img_tree.png”); … <\/p>\n