Border CSS HTML中的文本我想要一个看起来像这样的div：这可能与HTML + CSS有关吗？我也将用jQuery动画这个div。当隐藏div时，我希望标题和顶行显示。
3 回答
回首忆惘然
TA贡献1847条经验 获得超11个赞
是的，但它不是div，它是一个fieldset
<fieldset> <legend>AAA</legend></fieldset>
CSS：
fieldset {
border: 1px solid #000;}
慕标5832272
TA贡献1966条经验 获得超4个赞
我知道派对有点晚了，不过我觉得答案可以用更多的调查/输入来解决。我设法在不使用fieldset标签的情况下创建了这种情况 - 这无论如何都是错误的，好像我不是一个形式然后那不是我应该做的事情。
/* Styles go here */#info-block section {
border: 2px solid black;}.file-marker > div {
padding: 0 3px;
height: 100px;
margin-top: -0.8em;
}.box-title {
background: white none repeat scroll 0 0;
display: inline-block;
padding: 0 2px;
margin-left: 8em;}<!DOCTYPE html><html> <head> <link rel="stylesheet" type="text/css" href="/style.css"> <script src="index.js"></script> </head> <body> <aside id="info-block"> <section class="file-marker"> <div> <div class="box-title"> Audit Trail </div> <div class="box-contents"> <div id="audit-trail"> </div> </div> </div> </section> </aside> </body></html>
这可以在这个插件中查看：
这实现了以下目标：
没有使用fieldsets。
如果CSS只使用一些填充来创建效果，则使用最少。
使用“em”margin top创建字体相对标题。
使用display inline-block来实现文本周围的自然宽度。
无论如何，我希望有助于未来的风格，你永远不会知道。
- 3 回答
- 0 关注
- 366 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消