猿问

Border CSS HTML中的文本

Border CSS HTML中的文本

我想要一个看起来像这样的div：

这可能与HTML + CSS有关吗？我也将用jQuery动画这个div。当隐藏div时，我希望标题和顶行显示。


摇曳的蔷薇
浏览 367回答 3
3回答

回首忆惘然

是的，但它不是div，它是一个fieldset<fieldset> &nbsp;&nbsp;<legend>AAA</legend></fieldset>CSS：fieldset&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;1px&nbsp;solid&nbsp;#000;}
0

慕标5832272

我知道派对有点晚了，不过我觉得答案可以用更多的调查/输入来解决。我设法在不使用fieldset标签的情况下创建了这种情况 - 这无论如何都是错误的，好像我不是一个形式然后那不是我应该做的事情。/*&nbsp;Styles&nbsp;go&nbsp;here&nbsp;*/#info-block&nbsp;section&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;border:&nbsp;2px&nbsp;solid&nbsp;black;}.file-marker&nbsp;>&nbsp;div&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;0&nbsp;3px; &nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;100px; &nbsp;&nbsp;&nbsp;&nbsp;margin-top:&nbsp;-0.8em; &nbsp;&nbsp;&nbsp;&nbsp;}.box-title&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;background:&nbsp;white&nbsp;none&nbsp;repeat&nbsp;scroll&nbsp;0&nbsp;0; &nbsp;&nbsp;&nbsp;&nbsp;display:&nbsp;inline-block; &nbsp;&nbsp;&nbsp;&nbsp;padding:&nbsp;0&nbsp;2px; &nbsp;&nbsp;&nbsp;&nbsp;margin-left:&nbsp;8em;}<!DOCTYPE&nbsp;html><html> &nbsp;&nbsp;<head> &nbsp;&nbsp;&nbsp;&nbsp;<link&nbsp;rel="stylesheet"&nbsp;type="text/css"&nbsp;href="/style.css"> &nbsp;&nbsp;&nbsp;&nbsp;<script&nbsp;src="index.js"></script> &nbsp;&nbsp;</head> &nbsp;&nbsp;<body> &nbsp;&nbsp;&nbsp;&nbsp;<aside&nbsp;id="info-block"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<section&nbsp;class="file-marker"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="box-title"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Audit&nbsp;Trail&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="box-contents"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="audit-trail"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</section> &nbsp;&nbsp;&nbsp;&nbsp;</aside> &nbsp;&nbsp;</body></html>这可以在这个插件中查看：带标题的大纲框这实现了以下目标：没有使用fieldsets。如果CSS只使用一些填充来创建效果，则使用最少。使用“em”margin top创建字体相对标题。使用display inline-block来实现文本周围的自然宽度。无论如何，我希望有助于未来的风格，你永远不会知道。
0
随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

Html/CSS
为什么字体颜色在Eclipse上没有变化 2 回答
我要回答