三角形、圆形、菱形详解编程语言

圆形：

    .roundness{

        width: 38px;

        height: 38px;

        border-radius: 38px;

        background-color: blue;

        border: 1px solid #333333;

    }

三角形：

    .little-title{

        width: 0;

        height: 0;

        border-width: 15px;

        border-style: solid;

        border-color: #FF7800 transparent transparent #FF7800;

    }

3、菱形

    .diamond {

        width: 100px;

        height: 100px;

        background-color: red;

        transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        /* Internet Explorer */

        -moz-transform: rotate(45deg);

        /* Firefox */

        -webkit-transform: rotate(45deg);

        /* Safari 和 Chrome */

        -o-transform: rotate(45deg);

        /* Opera */

    }