第一个简单的CSS命令
<html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div { width:200px;/*定义区域的宽度*/ height:100px;/*定义区域的高度*/ background-color:red;/*定义背景颜色*/ border:1px solid black;/*定义边界的宽度*/ border-radius: 10px;/*定义方框四角为圆形*/ box-shadow:10px 10px 10px #888888;/*定义阴影*/ } div#div2/*定义新的函数*/ { transform:rotate(30deg);/*旋转角度,顺时针*/ -1321213132-/*前面这句话中不能含有中文*/ /*下面两句话是对后面的语句进行注释,不执行*/ -ms-transform:rotate(30deg); /* IE 9 */ -webkit-transform:rotate(30deg); /* Safari and Chrome */ } </style> </head> <body> <div>这是一个简单的DIV元素</div> <div id="div2">这是一个上述图形顺时针旋转30度的 DIV 元素</div> </body> </html>
上述代码的运行结果