div{height:10pxwidth:10pxborder-radius:5px}
三角形的话比较复杂，需要套几个框，然后再用transform旋转，而且边框也比较难处理，你可以百度下六角形div的实现手段。
IE6不仅不支持css3，还不支持PNG格式透明图片。如果你要做图片变圆形的这种效果，可以做一个正方形，把中间做成圆形的透明，然后，保存两中格式，一种为PNG，另外一种给IE6的做透明的gif格式。写样式的时候主流的就写background:url(路径/图片.png)IE6就写_background:url(路径/图片.gif)；最后用绝对定位定到图片上面就ok啦。它们定义了一套方法和属性，程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web 行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件，而不是必须让用户下载二进制文件（例如ActiveX 控件）来完成这个功能。 使用演示： .main{border: 2px solid #C0C0C0-moz-border-radius: 10px-webkit-border-radius: 10pxborder-radius: 10pxposition:relativez-index:100behavior: url(此处为ie-css3.htc文件的绝对路径)} Webkit内核的浏览器支持“-webkit-border-radius: 10px”属性（10px是圆角半径），可以直接解析出圆角；Firefox浏览器支持“-moz-border-radius: 10px”属性，也是可以直接解析出圆角；IE系浏览器则需要加上“border-radius: 15px”的属性。注意： 1、behavior的url里一定要填写ie-css3.htc的绝对路径，因为 IE浏览器找该文件是相对当前html文件路径来找的，所以对于Wordpress等动态程序生成的页面一定要填写绝对路径。 2、一定要有定位属性：position:relative3、因为在IE浏览器下这些CSS3效果的实现是要借助于VML，由VML绘制圆角或是投影效果，所以还需要一个z-index属性。z-index属性最好设置得比较大，如2。 4、如果在IE浏览器下某些模块无法用此渲染，可以试着绝对定位相应的层，即加上“ width: 400pxheight:400px”属性。 5、radius属性的10px是圆角半径，还可以给两个值如“border-radius: 10px 5px”，这样则左上角与右下角半径为10px，右上角与左下角半径为5px。也可以赋4个值，为“上 右 下 左”。
