html5-css边框全

/*div{
    width: 500px;
    height: 300px;
    background: rgb(122,30,60);
    border: 10px solid black;
    border-width: 5px 10px 15px 20px;
    border-style: none;
    border-style: dashed;
    border-style: double;
    border-style: groove;
    border-style: ridge;
    border-style: outset;
    border-color: blue red;
    border-bottom: 5px solid black;*/
    /*border-radius: 20px;*/
    /*border-radius: 1em 3em 5em 10em;*/
    /*border-radius:3em 5em/1em;
    border-top-left-radius: 3em 5em;
}*/
div{
    width: 500px;
    height: 300px;
    background: rgb(122,30,60);
    border:15px solid rgb(255,0,0);
    margin-left: 30px;
    margin-top: 50px;
    /*border-image-source: url(../pic/bg4.jpg);
    border-image-slice: 30;
    border-image-slice: 30 fill;
    border-image-width: 5px;*/
    /*border-right-width: 30px 50px;
    border-image-outset:10px ;*/
    /*border-image-repeat:repeat; */
    /*border-image-repeat: stretch round;
    border-image-repeat:round stretch;*/
    /*border-image-repeat: round;
    border-image: url(../pic/bg4.jpg) 30  /5px /5px  repeat; */
    box-shadow:5px 5px 5px 5px;
    }
div:hover{
    /*box-shadow: 5px -5px 5px 5px green;*/
}