奇乐网 - 草根博客网站

简单的一个实例html+ 纯Css下拉框

寻梦xunm 274 0

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

简单的一个实例html+ 纯Css下拉框

HTML代码

<div class="box">
    <div class="title">今日新闻</div>
    <div class="content">字菜单</div>
</div>

css代码

* {
    margin:0;
    padding:0;
}
.box {
    width:300px;
    margin:50px auto;
}
.title {
    height:55px;
    background-color:#efefef;
    text-align:center;
    line-height:55px;
}
.content {
    height:0px;
    background-color:#a1a1a1; 
    transition:all .3s linear;overflow: hidden;line-height:50px; text-align: center;
} 
.box:hover .content {
    height:200px;
}

简单的一个实例html+ 纯Css下拉框

评论列表 (已有0条评论)

消灭零回复

发表评论 (已有0条评论)


选择表情