<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style type="text/css"> div { width:199px; height:175px; background-color:red; border:13px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> </head> <body> <ol> <li>Africa</li> <ul type="square"> <li>Egypt</li> <li>Maroco</li> <li>Nigeria</li> </ul> <li>Eurasia</li> <ul type="disc"> <li>France</li> <li>China</li> <li>Turkie</li> </ul> <li>North America</li> <ul> <li>USA</li> <li>Mexica</li> <li>Canada</li> </ul> </ol> </body> </html>
<!DOCTYPE html> <html> <title>Web Page Design</title> <head> <style type="text/css"> div { width:100px; height:75px; background-color:red; border:1px solid black; } #div2 { transform:rotate(30deg); -ms-transform:rotate(30deg); /* IE 9 */ -moz-transform:rotate(30deg); /* Firefox */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ -o-transform:rotate(30deg); /* Opera */ background-color:yellow; } </style> </head> <body> <div>Hello, World!</div> <div id="div2">Hello, CSS3!</div> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more