本文探讨了网页设计中CSS与HTML的结合使用，详细解析了.topdiv, .bdtp, .dh, .rd, .fw等类在实现不同区域布局和样式设置中的作用。通过实例展示了如何创建背景、输入框、按钮及不同颜色和样式的分区，以实现美观且响应式的网页导航内容展示。
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
.qjdiv{
width:auto;
height:1000px;
background-color:#f1f1f1;
}
.topdiv{
width:100%;
height:240px;
margin:0px 0px 10px 0px;
background:#ffffff;
}
.bdtp{
position:absolute;
left:22%;
top:50px;
background:url(bd.png);
background-repeat:no-repeat;
background-size:100%;
width:200px;
height:100px;
}
.input{
width:200px;
height:30px;
margin:45% 0% 45% 10%;
}
.an{
background:#b0b1b1;
width:70px;
height:35px;
color:#ffffff;
background:#e4e4e4;
}
.dh{
width:auto;
height:150px;
}
.dh_top{
width:auto;
height:30px;
background:#ffffff;
}
.dh_content{
width:auto;
height:120px;
background:#ffffff}
.rd{
width:auto;
height:150px;
}
.rd_top{
width:auto;
height:30px;
background:#ffddff;}
.rd_content{
width:auto;
height:120px;
background:#ffffff;}
.fw{
width:auto;
height:150px;
}
.fw_top{
width:auto;
height:30px;
background:#ffffff;}
.fw_content{
width:auto;
height:120px;
background:#fffffd;}
h3{
color:#8eff8e}
.db{
width:auto;
height:150px;
background:#ffffff;
}
扫一扫
6158
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
