隐藏div，文本框角圆滑，消除外边框

#div_1
/*将div设置完成，并且隐藏，当需要的时候对其属性值进行修改*/
{
    height: 36px;
    width: 1099px;
    background-color: #F0DFDF;
    margin: 0 auto;
    display: none;   ----用于隐藏div，block是显示div

#bt
{
    height: 49px;
    width: 200px;
    font-size: 25px;
    display: inline-block;/*将多个div的内容，显示到一行*/
    position: relative;
    top: -16px;
    right: 0px;
    border-bottom-right-radius: 10px;/*    文本框角圆滑*/
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    outline: none;/*    消除外边框*/
}

/*整个页面*/
body{
    background-color: azure;
}

/*作用于所有span*/
/*
span{
    background-color: blue;
}

*/
/*作用于特定id里面的span*/
/*
#qwe span{
    background: #466F3A;
}
*/

 

    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

 

转载于:https://www.cnblogs.com/loveMis/p/8289999.html