html吧 关注：182,169贴子：1,338,652
- 7回复贴，共1页
好辛苦，给你打了一个：
<!doctype html>
<html>
<head>
<meta charset="GB2312" />
<title></title>
<style>
#box {
width:600px;
height:300px;
border:1px solid #666;
margin:0 auto;
}
#top {
width:100%;
height:50px;
line-height:50px;
text-align:center;
background-color:#ccc;
}
#middle {
width:600px;
height:198px;/*200px-上下边框线各1px*/
display:table-cell;
vertical-align:middle;
text-align:center;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#bottom {
width:100%;
height:50px;
line-height:50px;
text-align:right;
}
input:nth-child(2) {
margin-right:20px;
}
input {
border:0;
width:60px;
height:30px;
background-color:#ccc;
}
input:hover {
background-color:blue;
}
#middle a {
display:inline-block;
height:30px;
line-height:30px;
text-align:center;
padding:2px;
background-color:#ccc;
border:1px solid #999;
}
</style>
<script>
</script>
</head>
<body>
<h3>漂浮的那个框</h3>
<div id="box">
<div id="top">选择活动类型</div>
<div id="middle">
<a>在线投票</a>
<a>健步走</a>
<a>知识竞赛</a>
<a>在线调查</a>
<a>幸运抽奖</a>
<a>活动报名</a>
</div>
<div id="bottom">
<input type="button" value="确定" />
<input type="button" value="取消" />
</div>
</div>
</body>
</html>
额，很晚了，睡觉克啦……
<!doctype html>
<html>
<head>
<meta charset="GB2312" />
<title></title>
<style>
#box {
width:600px;
height:300px;
border:1px solid #666;
margin:0 auto;
}
#top {
width:100%;
height:50px;
line-height:50px;
text-align:center;
background-color:#ccc;
}
#middle {
width:600px;
height:198px;/*200px-上下边框线各1px*/
display:table-cell;
vertical-align:middle;
text-align:center;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#bottom {
width:100%;
height:50px;
line-height:50px;
text-align:right;
}
input:nth-child(2) {
margin-right:20px;
}
input {
border:0;
width:60px;
height:30px;
background-color:#ccc;
}
input:hover {
background-color:blue;
}
#middle a {
display:inline-block;
height:30px;
line-height:30px;
text-align:center;
padding:2px;
background-color:#ccc;
border:1px solid #999;
}
</style>
<script>
</script>
</head>
<body>
<h3>漂浮的那个框</h3>
<div id="box">
<div id="top">选择活动类型</div>
<div id="middle">
<a>在线投票</a>
<a>健步走</a>
<a>知识竞赛</a>
<a>在线调查</a>
<a>幸运抽奖</a>
<a>活动报名</a>
</div>
<div id="bottom">
<input type="button" value="确定" />
<input type="button" value="取消" />
</div>
</div>
</body>
</html>
额，很晚了，睡觉克啦……
那个可以选择 还有对勾 这个弄不出来
