css和html

Question

css怎么隐藏表单，鼠标隐藏在边框里重新显示？
div{

width: 190px;
height: 300px;
border: 1px solid black;
position: relative;
top: 70px;
float: right;
margin: 20px;
text-indent: 10px;

}
body{

overflow: hidden;
display: block;

}
/改变字体的风格/
h2{

font-family: "微软雅黑";

}
.span{

height: 10px;
width: 160px;
border: 1px solid red;
background-color: #FF0000;
float: left;
margin: 15px;
position: relative;
left: -5px;

}
.box{

background-color: gray;

/ border-radius: 10px;/
}
select optgroup{

position: relative;
right: -20px;

}
p input{

display: inline;
width: 140px;
height: 30px;
left: 1px;

}
p input{

width: 158px;
height: 25px;

}

select{

visibility: hidden;

}

图片是html。还有我想让风格这个框到场合这个框的小面。怎么弄。简单点的办法，还没学js

Answer 1

hover效果？？？？不是很清楚你说什么，还有可以使用js的鼠标事件做也可以你查查

Answer 2

没太明白你说的意思，是不是这样？

<div class="div">
<form action="" class="form"></form>
</div>

.div .form {
display: none;
}
.div:hover .form {
display: inline-block;
}