Come on, heroes, how can I achieve this kind of border? . . . _html/css_WEB-ITnose

border;html;area;title;

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

I don’t know why the picture can’t be uploaded.

It has a border like the one above with a title on it.


Reply to discussion (solution)
It is a border surrounded by thin lines. In the middle of the thin line on the upper left, there is a title set.

It is somewhat similar to the area objects in the previous Java built-in UI development.

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>

Correct answer 1

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>

In addition You can also simulate, for example, the surrounding borders, which should go without saying. For the title of the head, make the dotted line the background, use a white background for the text, and make the left floating width adaptive

Thank you, there are always strong people around

I learned from the strong people~~~!