ul{
    padding-left: 0px;
}
ul > li{
    margin-bottom: 10px;
    border: 6px solid black;
    border-radius: 10px;
    text-align: center;
    padding: 15px;
    transition: all 1s;
}
li:nth-child(1):hover{
    border-style: dashed dotted double ridge;
}
li:nth-child(2):hover{
    transition: all 1s;
    border-width: 1px;
}
li:nth-child(3):hover{
    transition: all 1s;
    border-color: red;
}
li:nth-child(4):hover{
    transition: all 1s;
    border-radius: 50px;
}
li:nth-child(5):hover{
    transition: all 1s;
    box-shadow: 5px 5px 20px red ;
}
li:nth-child(6):hover{
    transition: all 1s;
    outline: 6px red dashed;
}