Program 1 <html> <head> <style> p{ text-transform: uppercase; text-decoration:line-through; text-indent:20px; word-spacing:50px; letter-spacing:12px; line-height:10; } a{ text-decoration: none; } </style> </head> <body> <p>this is my website</p> <p>This is some text</p> <p>This is some text</p> <a...
Program 1 <html> <head> <style> p{ font-size: 34px; color:green; font-family:sans-serif; font-style:oblique; } </style> </head> <body> <p>this is my webpage</p> </body> </html>
Program 1 <html> <head> <style> p{ border:5px solid black; margin:auto; /*padding-left:30px; padding-top:40px; padding-bottom:25px;*/ padding:50px; } </style> </head> <body> <p>This is some text</p> </body> </html>
Program 1 <html> <head> <style> p{ border-style: dotted solid; border-width:5px; background-color: aquamarine; } body{ background-color: aqua; background-image: url(‘C:\\Users\\Lenovo\\Downloads\\bird.jpg’); background-repeat: no-repeat; background-size: 200px 200px; background-position: bottom right; } </style> </head> <body> <p>This is some text</p>...
Program 1 <html> <head> <link rel=”stylesheet” href=”styles2.css”> <!– <style> p{ color:red; } </style>–> </head> <body> <h2>Welcome</h2> <p id=”one”>This is my page</p> <p id=”two”>This is my page</p> <p id=”three”>This is my page</p> <p class=”four”>i am...
Program 1 <html> <head> <link rel=”stylesheet” href=”styles1.css”> <!– <style> p{ color:red; } </style>–> </head> <body <p> This is my website <p> </body> </html>
Program 1 <html> <head><title>Demo of Hover</title> <style> a:hover { color: blue; } a:active { color: red; } a:visited { color: chartreuse; } h1 { text-align: center; font-size: 30; font-family: ‘Lucida Sans’, ‘Lucida Sans Regular’,...
Program 1 <html><head><title>Demo Color</title> <style> img { float:left; margin: 10px; } body { background-color: antiquewhite; font-family: ‘Lucida Sans’, ‘Lucida Sans Regular’, ‘Lucida Grande’, ‘Lucida Sans Unicode’, Geneva, Verdana, sans-serif; } #container1 { width:700px; height:300px;...
Program 1 <html> <head> <style> h1 { font-size: 40px; font-family: ‘Times New Roman’, Times, serif; color: blue; text-shadow: 3px 2px 3px red , 5px 5px 3px orange , 7px 7px 4px blueviolet; } </style>...
Program 1 <html> <head><title>Float Demo CSS Page</title> <style> #border1 { width: 600px; border-width: 5px; border-style: double; border-color: blue; float: left; } #border2 { width: 600px; border-width: 5px; border-style: double; border-color: brown; float: left; }...
