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

时间:2023-03-10 06:39:48
隐藏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;
}