Home > Web Front-end > HTML Tutorial > Come on, heroes, how can I achieve this kind of border? . . . _html/css_WEB-ITnose

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

WBOY
Release: 2016-06-24 12:22:05
Original
1040 people have browsed it

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>
Copy after login
Copy after login

Correct answer 1

<fieldset>  <legend>Title</legend>  link1   link2<br>  link1   link2<br></fieldset>
Copy after login
Copy after login
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~~~!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template