圆的制作●●●三角形制作▲▲▲

关于圆的代码其实很简单但是由于个人原因还是想记录下来 ，因为每次做都要翻笔记，对于本人来说应该是个缺失点：
1，新建一个div盒子
2，在style属性中设置div的宽高，使宽高一致，即为正方形。
3，在div属性中写入border-radius属性，削去四个角，即可得到圆形。
代码如下：

    div{        width:100px;        height:100px;        boder-radius:50px; （或者写成border-radius:50%;)}

基本思路就是先建一个正方形盒子，再削去四个角。

三角形的制作：
1，先建一个div盒子 正方形。
2，设置其宽高都为零，给定边框宽度。
3，用transparent属性使其他三边隐藏。
代码：

div{            width: 0px;            height: 0px;            border-width: 100px;            border-bottom-color:  red;            border-style: solid;        }

div{            width: 0px;            height: 0px;            border-width: 100px;            border-bottom-color:  red;            border-style: solid;            margin-top:-100px;        }

div{            width: 0px;            height: 0px;            border-width: 100px;            border-left-color:transparent;            border-right-color: transparent;            border-top-color: transparent;            border-bottom-color:  red;            border-style: solid;            margin-top:-100px;        }