The first simple CSS command
<HTML> <head> <Meta charset = "UTF-. 8"> <title> novice tutorial (runoob.com) </ title> <style> div { width : 200px ; / * width defining area * / height : 100px ; / * height defining area * / background-color : Red ; / * define a background color * / border : 1px Solid Black ; / * define the width of the boundary * / border-RADIUS : 10px ; / * define a circular block corners type * / Box-Shadow :# 888888 10px 10px 10px ; / * custom shadow * / } div # Div2 / * new function definition * / { Transform : Rotate (30deg) ; / * rotation angle clockwise * / -1321213132- / * in front of the phrase not contain Chinese * / / * the following two sentences is the statement following the annotation is not performed * / -ms-Transform : Rotate (30deg) ; / * IEs. 9 * / -webkit-Transform : Rotate (30deg) ; / * Safari and the Chrome * / } </ style> </ head> <body> <div> This is a simple DIV element </ div> <div ID = "Div2"> DIV element which is rotating 30 degrees clockwise to the pattern a </ div> </ body> </ HTML>
Run the code above