Maison > interface Web > tutoriel HTML > 大侠请进,这种边框怎么实现啊。。。。_html/css_WEB-ITnose

大侠请进,这种边框怎么实现啊。。。。_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:22:05
original
1040 Les gens l'ont consulté

边框;html;区域;标题;

---Title---------------------
|                           |
|  link1   link2            |
|                           |
|                           |
|                           |
|---------------------------

不知道为什么图片上传不上来,

就是类似的上面这种边框,上面有标题的。

回复讨论(解决方案)

就是细线围成的边框,在左上方的细线中间,有设置为标题。

有点类似以前的java自带ui开发里面的区域对象.

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>
Copier après la connexion
Copier après la connexion

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>
Copier après la connexion
Copier après la connexion

正解  +1

另外还可以模拟 比如 四周的边框 应该不用说了吧 。头部的标题 把虚线 那个 弄成 背景 文字用 白色背景并且 左浮动 宽度 自适应 

多谢,总有强人在啊

跟强人学习了~~~!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal