Heim > Web-Frontend > HTML-Tutorial > 大侠请进,这种边框怎么实现啊。。。。_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:22:05
Original
1039 Leute haben es durchsucht

边框;html;区域;标题;

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

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

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

回复讨论(解决方案)

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

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

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>
Nach dem Login kopieren
Nach dem Login kopieren

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>
Nach dem Login kopieren
Nach dem Login kopieren

正解  +1

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

多谢,总有强人在啊

跟强人学习了~~~!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage