css 画圆和画三角形 兼容ie8

html-css030

css 画圆和画三角形 兼容ie8,第1张

圆形用圆角，比如div的高度宽度都是10px，那么圆角半径设置为5px就可以了。

div{height:10pxwidth:10pxborder-radius:5px}

三角形的话比较复杂，需要套几个框，然后再用transform旋转，而且边框也比较难处理，你可以百度下六角形div的实现手段。

只要圆的话，用css3，ie8-不支持

<!DOCTYPE HTML>

<html>

<head lang="zh-CN">

<style>

.test {width:50pxheight: 50pxborder-radius: 25pxbackground: #000}

</style>

</head>

<body>

  <div class="test"></div>

</body>

</html>