圆角边框，及阴影

圆形

    <style>

        div{
            width: 100px;
            height: 100px;
            border: 10px solid red;
border-radius: 0px 50px 0px 0px;
        }
    </style>


边框圆角

<style>

    div{
        width: 100px;
        height: 100px;
        border: 10px solid red;
        border-radius: 50px 20px 30px 15px;


    }

阴影

<style>
    div{
        width: 100px;
        height: 100px;
        border: 10px solid red;
        box-shadow: 10px 12px 1px yellow;



    }


</style>


浮动