创建猫爪形状：CSS样式实践

<div style="float: left; background: url(image/合作优势1.jpg);width:690px;height:610px; ">
                <div id="container">
                    <div style="width: 120px; height: 120px; border-radius: 60px; border: solid 2px #cecdcd; float: left;margin-top:275px;margin-left:20px;">
                        <span style="height: 50px; line-height: 77px; display: block; font-size: 24px; font-weight:600; color: #cecdcd; text-align: center">资质</span>
                        <span style="height: 50px; line-height: 45px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">优势</span>
                    </div>
                    <div style="width: 120px; height: 120px; border-radius: 60px; border: solid 2px #cecdcd; float: left; margin-top: 93px; margin-left:-48px; ">
                        <span style="height: 50px; line-height: 77px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">数据</span>
                        <span style="height: 50px; line-height: 45px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">优势</span>
                    </div>
                    <div style="width: 120px; height: 120px; border-radius: 60px; border: solid 2px #cecdcd; float: left; margin-top: 18px; margin-left: 59px; ">
                        <span style="height: 50px; line-height: 77px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">系统</span>
                        <span style="height: 50px; line-height: 45px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">优势</span>
                    </div>
                    <div style="width: 120px; height: 120px; border-radius: 60px; border: solid 2px #cecdcd; float: left; margin-top: 93px; margin-left: 59px; ">
                        <span style="height: 50px; line-height: 77px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">人员</span>
                        <span style="height: 50px; line-height: 45px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">配备</span>
                    </div>
                    <div style="width: 120px; height: 120px; border-radius: 60px; border: solid 2px #cecdcd; float: left; margin-top: 57px; margin-left: 396px; ">
                        <span style="height: 50px; line-height: 77px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">优势</span>
                        <span style="height: 50px; line-height: 45px; display: block; font-size: 24px; font-weight: 600; color: #cecdcd; text-align: center; ">客服</span>
                    </div>
                </div>
            </div>
            <script>
                $(function () {
                    $("#container").find("div").click(function () {
                        //div变色
                        $("#container").find("div").css("border", "solid 2px #cecdcd");
                        $(this).css("border", "solid 2px #30b0ef");