body{
-webkit-transform-style: preserve-3d
//3D模式
perspective: 500
-webkit-perspective: 500 /* Safari 和 Chrome */
//这里设置perspective和3D模式
}
#div
{
width:300pxheight:500pxbaxkground:#000
-webkit-transform:rotatex(45deg)
//尝试旋转查看效果
}
<sytle>
<body>
<div id="div">
<div>
</body>
其实我就想实现未点击按钮时，文字右上方有小圆点，点击后消失的效果
但是不想用浮动、定位，结果百度搜了一圈，大家都是用浮动、定位解决,
记录两种更好的解决方案：
1.使用sup标签
2.使用css属性vertical-align
不行，如果是使用css自带的list-style属性定义前面的小圆点则不同浏览器，不同版本均有自己的解析方法，无法通过css实现具体控制，淘宝的是背景图片，使用css的list-style定义不确定因素太大，如果要求严格美观的页面布局应该在整个css中预先就清除列表元素的list-style属性然后用背景图片实现效果
