首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Border CSS HTML文本

Border CSS HTML文本
EN

Stack Overflow用户
提问于 2018-08-27 02:03:52
回答 2查看 0关注 0票数 0

我想要一个这样的div:

这可以用HTML+CSS吗?我还将用jQuery动画化这个div。当div被隐藏时,我想要显示标题和顶部。

EN

回答 2

Stack Overflow用户

发布于 2018-08-27 10:11:00

是的,但这不是div,这是fieldset

<fieldset>
  <legend>AAA</legend>
</fieldset>

CSS:

fieldset {
    border: 1px solid #000;
}
票数 0
EN

Stack Overflow用户

发布于 2018-08-27 11:23:03

你可以做这样的事情,在这里你在h1(或者任何你正在使用的标题)上设置一个负值

div{
    height:100px;
    width:100px;
    border:2px solid black;
}

h1{
    width:30px;
    margin-top:-10px;
    margin-left:5px;
    background:white;
}

注意:您需要设置background,以及一个widthh1

示例: http://jsfiddle.net/ZgEMM/


编辑

为了使它能够隐藏div,你可以像这样使用一些jQuery

$('a').click(function(){
    var a = $('h1').detach();
    $('div').hide();
    $(a).prependTo('body');    
});

(你需要修改......)

示例#2: http //jsfiddle.net/ZgEMM/4/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002410

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档