tag:blogger.com,1999:blog-46180685552659351912024-09-12T02:08:47.581+05:30One place to learn programming tutorialsAnonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.comBlogger150125tag:blogger.com,1999:blog-4618068555265935191.post-9978055412227690342012-07-20T10:43:00.001+05:302012-07-20T10:43:06.865+05:30How to Add different colors to visited/unvisited links in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> a:link {color:#FF0000;} &nbsp; &nbsp;/* unvisited link */<br /> a:visited {color:#00FF00;} /* visited link */<br /> a:hover {color:#FF00FF;} &nbsp; /* mouse over link */<br /> a:active {color:#0000FF;} &nbsp;/* selected link */<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p&gt;&lt;b&gt;&lt;a href="http://collegeprojectandtests.blogspot.in/" target="_blank"&gt;This is a link&lt;/a&gt;&lt;/b&gt;&lt;/p&gt;<br /> &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; a:hover MUST come after a:link and a:visited in the CSS<br /> definition in order to be effective.&lt;/p&gt;<br /> &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; a:active MUST come after a:hover in the CSS definition in order<br /> to be effective.&lt;/p&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-2646098451605412802012-07-20T10:39:00.003+05:302012-07-20T10:39:53.354+05:30How to Set the boldness of the font in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.normal {font-weight:normal;}<br /> p.light {font-weight:lighter;}<br /> p.thick {font-weight:bold;}<br /> p.thicker {font-weight:900;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p class="normal"&gt;paragraph.&lt;/p&gt;<br /> &lt;p class="light"&gt;paragraph.&lt;/p&gt;<br /> &lt;p class="thick"&gt;paragraph.&lt;/p&gt;<br /> &lt;p class="thicker"&gt;paragraph.&lt;/p&gt;<br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-81387794226049998692012-07-20T10:38:00.000+05:302012-07-20T10:38:42.787+05:30How to Set the variant of the font in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.normal {font-variant:normal;}<br /> p.small {font-variant:small-caps;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p class="normal"&gt;My name is Adolf Hitler.&lt;/p&gt;<br /> &lt;p class="small"&gt;My name is Adolf Hitler.&lt;/p&gt;<br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-80488067722483100952012-07-20T10:37:00.002+05:302012-07-20T10:37:35.952+05:30How to Set the style of the font in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.normal {font-style:normal;}<br /> p.italic {font-style:italic;}<br /> p.oblique {font-style:oblique;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p class="normal"&gt;This is a normal.&lt;/p&gt;<br /> &lt;p class="italic"&gt;This is &nbsp;italic.&lt;/p&gt;<br /> &lt;p class="oblique"&gt;This is oblique.&lt;/p&gt;<br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-58045797142407992302012-07-20T10:36:00.002+05:302012-07-20T10:36:47.019+05:30How to Set the size of the font in percent and em using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style&gt;<br /> body {font-size:100%;}<br /> h1 {font-size:2.5em;}<br /> h2 {font-size:1.875em;}<br /> p {font-size:0.875em;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;h1&gt;This is heading 1&lt;/h1&gt;<br /> &lt;h2&gt;This is heading 2&lt;/h2&gt;<br /> &lt;p&gt;This is a paragraph.&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-77244829944497321782012-07-20T10:35:00.000+05:302012-07-20T10:35:37.365+05:30How to Set the size of the font in em using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style&gt;<br /> h1 {font-size:2.5em;} /* 40px/16=2.5em */<br /> h2 {font-size:1.875em;} /* 30px/16=1.875em */<br /> p {font-size:0.875em;} /* 14px/16=0.875em */<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;h1&gt;This is heading 1&lt;/h1&gt;<br /> &lt;h2&gt;This is heading 2&lt;/h2&gt;<br /> &lt;p&gt;This is a paragraph.&lt;/p&gt;<br /> &lt;p&gt;Specifying the font-size in em allows all major browsers to resize the text.<br /> <br /> &lt;/p&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-14789954593110734452012-07-20T10:34:00.000+05:302012-07-20T10:34:05.975+05:30How to Set the size of the font in px in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style&gt;<br /> h1 {font-size:40px;}<br /> h2 {font-size:30px;}<br /> p {font-size:14px;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;h1&gt;This is 1&lt;/h1&gt;<br /> &lt;h2&gt;This is 2&lt;/h2&gt;<br /> &lt;p&gt;This is paragraph.&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-84979643431711650452012-07-20T10:32:00.002+05:302012-07-20T10:32:51.093+05:30How to Set the size of the font in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> h1 {font-size:250%;}<br /> h2 {font-size:200%;}<br /> p {font-size:100%;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;This is 1&lt;/h1&gt;<br /> &lt;h2&gt;This is 2&lt;/h2&gt;<br /> &lt;p&gt;This is paragraph.&lt;/p&gt;<br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-41957149631005942452012-07-20T10:31:00.000+05:302012-07-20T10:31:42.232+05:30How to Set the font of a text in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.serif{font-family:"Times New Roman",Times,serif;}<br /> p.sansserif{font-family:Arial,Helvetica,sans-serif;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;CSS font&lt;/h1&gt;<br /> &lt;p class="serif"&gt;This is shown in the Times New Roman font.&lt;/p&gt;<br /> &lt;p class="sansserif"&gt;This is shown in the Arial font.&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-37938791605764181622012-07-19T12:07:00.001+05:302012-07-19T12:07:25.738+05:30How to set Vertical alignment of an image inside text in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> img.top {vertical-align:text-top;}<br /> img.bottom {vertical-align:text-bottom;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p&gt;An &lt;img src="your logo.gif" alt="name" width="270" height="50" /&gt; image with a default alignment.&lt;/p&gt;<br /> &lt;p&gt;An &lt;img class="top" src="your logo.gif" alt="name" width="270" height="50" /&gt; image with a text-top alignment.&lt;/p&gt;<br /> &lt;p&gt;An &lt;img class="bottom" src="your logo.gif" alt="name" width="270" height="50" /&gt; image with a text-bottom alignment.&lt;/p&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-35326162297753809512012-07-19T12:05:00.000+05:302012-07-19T12:05:07.382+05:30How to Disable text wrapping inside an element in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p<br /> {<br /> white-space:nowrap;<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;p&gt;<br /> some text.some text.some text.<br /> some text.some text.some text.<br /> some text.some text.some text.<br /> some text.some text.some text.<br /> &lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-79737575759012867692012-07-19T12:03:00.000+05:302012-07-19T12:03:22.672+05:30How to Increase the white space between words in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p<br /> {<br /> word-spacing:30px;<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;p&gt;<br /> This is &nbsp;text. This is &nbsp;text.<br /> &lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-31209203934124854162012-07-19T12:01:00.003+05:302012-07-19T12:01:27.899+05:30How to set Set the text direction of an element in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> div.ex1 {direction:rtl;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;div&gt;Default writing direction.&lt;/div&gt;<br /> &lt;div class="ex1"&gt;Right-to-left direction.&lt;/div&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-67683981768039899792012-07-19T12:00:00.003+05:302012-07-19T12:00:26.118+05:30How to Specify the space between lines in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.small {line-height:70%;}<br /> p.big {line-height:200%;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p&gt;<br /> standard line-height.&lt;br /&gt;<br /> standard line-height.&lt;br /&gt;<br /> <br /> &lt;/p&gt;<br /> <br /> &lt;p class="small"&gt;<br /> smaller line-height.&lt;br /&gt;<br /> smaller line-height.&lt;br /&gt;<br /> smaller line-height.&lt;br /&gt;<br /> smaller line-height.&lt;br /&gt;<br /> &lt;/p&gt;<br /> <br /> &lt;p class="big"&gt;<br /> bigger line-height.&lt;br /&gt;<br /> bigger line-height.&lt;br /&gt;<br /> bigger line-height.&lt;br /&gt;<br /> bigger line-height.&lt;br /&gt;<br /> &lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-43791501595248066822012-07-19T11:57:00.002+05:302012-07-19T11:57:43.110+05:30how to Specify the space between characters using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> h1 {letter-spacing:2px;}<br /> h2 {letter-spacing:-3px;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;heading 1&lt;/h1&gt;<br /> &lt;h2&gt;heading 2&lt;/h2&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-82467626189685020692012-07-19T11:55:00.001+05:302012-07-19T11:55:40.475+05:30how to Indent text in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p {text-indent:50px;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;p&gt;Ajith Kumar (born 1 May 1971) is an Indian film actor who works mainly in Tamil cinema. He began his career as a supporting actor in a Telugu film before gaining critical recognition in the Tamil thriller Aasai (1995).[2] A succession of high-grossing films followed where Ajith was usually depicted as a romantic hero, with Kadhal Kottai (1996), Aval Varuvala (1998), Kadhal Mannan (1998) and Unnai Thedi (1999) being the most notable.'&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-738256698297646022012-07-19T11:53:00.001+05:302012-07-19T11:53:03.476+05:30How to Control the letters in a text in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> p.uppercase {text-transform:uppercase;}<br /> p.lowercase {text-transform:lowercase;}<br /> p.capitalize {text-transform:capitalize;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p class="uppercase"&gt;some text.&lt;/p&gt;<br /> &lt;p class="lowercase"&gt;some text.&lt;/p&gt;<br /> &lt;p class="capitalize"&gt;some text.&lt;/p&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-29408576419519053662012-07-19T11:51:00.003+05:302012-07-19T11:51:46.180+05:30How to Decorate the text using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> h1 {text-decoration:overline;}<br /> h2 {text-decoration:line-through;}<br /> h3 {text-decoration:underline;}<br /> h4 {text-decoration:blink;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;heading 1&lt;/h1&gt;<br /> &lt;h2&gt;heading 2&lt;/h2&gt;<br /> &lt;h3&gt;heading 3&lt;/h3&gt;<br /> &lt;h4&gt;heading 4&lt;/h4&gt;<br /> <br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-41371640282635783022012-07-19T11:50:00.001+05:302012-07-19T11:50:25.814+05:30How to Remove the line under links in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> a {text-decoration:none;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;p&gt;Link to: &lt;a href="collegeprojectandtests.blogspot.com"&gt;Web tutorial&lt;/a&gt;&lt;/p&gt;<br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-44198372942709529542012-07-19T11:47:00.003+05:302012-07-19T11:47:49.837+05:30How to Align the text in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> h1 {text-align:center;}<br /> p.date {text-align:right;}<br /> p.main {text-align:justify;}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;CSS text-align Example&lt;/h1&gt;<br /> &lt;p class="date"&gt;june, 2009&lt;/p&gt;<br /> &lt;p class="main"&gt;Cruise was born in Syracuse, New York, the son of Mary Lee (née Pfeiffer), a special education teacher, and Thomas Cruise Mapother III (died 1984),[6] an electrical engineer.[7] Cruise has three sisters, Lee Anne, Marian, and Cass'&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-41564318438079239442012-07-19T11:45:00.003+05:302012-07-19T11:45:38.800+05:30How to Set the text color of different elements in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> body {color:red;}<br /> h1 {color:#00ff00;}<br /> p.ex {color:rgb(0,0,255);}<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;This is heading 1&lt;/h1&gt;<br /> &lt;p&gt;this text is red. The default text-color for a page is defined in the body selector.&lt;/p&gt;<br /> &lt;p class="ex"&gt;This is a paragraph with class="ex". This text is blue.&lt;/p&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-32068457567425690562012-07-19T11:43:00.000+05:302012-07-19T11:43:02.925+05:30How to set Advanced background example using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> body<br /> {<br /> margin-left:200px;<br /> background:#5d9ab2 url('your-img.png') no-repeat top left;<br /> }<br /> <br /> .container<br /> {<br /> text-align:center;<br /> }<br /> <br /> .center_div<br /> {<br /> border:1px solid gray;<br /> margin-left:auto;<br /> margin-right:auto;<br /> width:90%;<br /> background-color:#d0f0f6;<br /> text-align:left;<br /> padding:8px;<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;div class="container"&gt;<br /> &lt;div class="center_div"&gt;<br /> &lt;h1&gt;Hello viewers!&lt;/h1&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;<br /> <div> <br /></div> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-68988601432569014032012-07-19T11:41:00.002+05:302012-07-19T11:41:19.502+05:30How to set All the background properties in one declaration using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> <br /> &lt;style type="text/css"&gt;<br /> body<br /> {<br /> background:#ffffff url('yourimg.png') no-repeat right top;<br /> margin-right:200px;<br /> }<br /> &lt;/style&gt;<br /> <br /> &lt;/head&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-56595979904698408802012-07-19T11:38:00.005+05:302012-07-19T11:38:56.685+05:30how to fix a background image using css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;style type="text/css"&gt;<br /> body<br /> {<br /> background-image:url('smiley.gif');<br /> background-repeat:no-repeat;<br /> background-attachment:fixed;<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0tag:blogger.com,1999:blog-4618068555265935191.post-57910235062002666882012-07-19T11:37:00.000+05:302012-07-19T11:37:07.836+05:30How to position a background image in css<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> &lt;head&gt;<br /> <br /> &lt;style type="text/css"&gt;<br /> body<br /> {<br /> background-image:url('yourimg.png');<br /> background-repeat:no-repeat;<br /> background-position:right top;<br /> margin-right:200px;<br /> }<br /> &lt;/style&gt;<br /> <br /> &lt;/head&gt;<br /> <br /> &lt;body&gt;<br /> &lt;h1&gt;Hello World!&lt;/h1&gt;<br /> &lt;p&gt;background no-repeat, set postion example.&lt;/p&gt;<br /> &lt;p&gt;Now the background image is only shown once, and positioned away from the text.&lt;/p&gt;<br /> <br /> &lt;/body&gt;<br /> <br /> &lt;/html&gt;<br /> </div>Anonymoushttp://www.blogger.com/profile/00721305089503150096noreply@blogger.com0