边框CSS HTML中的文本

前端之家收集整理的这篇文章主要介绍了边框CSS HTML中的文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个看起来像这样的div:

这可能与HTML CSS有关吗?我也将用jQuery动画这个div。当div被隐藏时,我想要标题和顶行显示

解决方法

你可以做这样的事情,在那里你设置一个负的边缘在h1(或任何标题你使用) @H_301_8@div{ height:100px; width:100px; border:2px solid black; } h1{ width:30px; margin-top:-10px; margin-left:5px; background:white; }

注意:您需要在h1上设置背景以及宽度

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

编辑

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

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

(你需要修改…)

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

猜你在找的CSS相关文章