这种页面设计html应该怎么布局,已经CSS应该怎么写?

发布网友 发布时间：2022-05-06 06:27

我来回答

共5个回答

热心网友 时间：2022-05-12 22:24

<style type="text/css">
.main{
width:1002px;
height:600px;
margin:0 auto;
background:#ccc;
}
.box {
position:relative;
font-size:14px;
color:#333;
padding:10px;
}
.box>ul {
list-style:none;
margin:0px;
padding:0px;
}
.box>ul>h4 {
margin:0;
position:relative;
width:120px;
line-height:22px;
padding:10px;
border:1px solid transparent;
cursor:pointer;
z-index:999;
}
.box>ul>li {
width:300px;
height:400px;
position:absolute;
left:151px;
top:10px;
background:#FFF;
border:1px solid #666;
display:none;
}
.box>ul:hover>h4 {
background:#FFF;
color:#F60;
border:1px solid #666;
border-right:1px solid #fff;
}
.box>ul:hover>li {
display:block;
}
</style>

<div class="main">
<div class="box">
<ul><h4>导航一</h4>
<li>这里放你展开的图什么的</li>
</ul>
<ul><h4>导航二</h4>
<li>这里放啥都行</li>
</ul>
<ul><h4>导航三</h4>
<li>这里也是，随便放</li>
</ul>
</div>
</div>

热心网友 时间：2022-05-12 23:42

百良搜索“TAB滑动门” 有很多的。其实就是个简单的TAB切换效果。

热心网友 时间：2022-05-13 01:17

用CSS控制表格单元格或者层的边框,以及背景颜色

热心网友 时间：2022-05-13 03:08

border position z-index 的配合运用

热心网友 时间：2022-05-13 05:16

flash网站。。。