Two methods of implementing thin line borders in web pages

xiaoxiao2021-03-31  206

Many friends have experience in making web pages. Now, many web-designed design uses a table. This is not only facilitated web page maintenance, but also improves the viewing of the web page. In numerous web-making styles, the fabrication of the fine border is essential. Here, I will simply talk about the production method of the fine border.

When it comes to the fine border, I believe that there are two ways to produce, the first is to use the table's nested, and the second is to use CSS to force definition.

How to nescery with tables? Everyone knows that using BGColor can define the background color of the table in the table, use cellspace to control the extra space of the table unit, if two tables are defined, set one of the table background to all black, then embed in this form Set of another table, the background is set to all white, and weight = 100%. At this time, the two forms are overlapping, but if the background is a black, the table is defined again, CellsPacing = 1. So, that is, the black form is more than a pixel peripheral space than the white form, while the white form is on the black table, thereby achieving the effect of the fine border. The source code is as follows:

The second is relatively simple, that is, forced definition with CSS (stacked style sheet), however, some old browser does not support CSS, which may not display the effect you asked. However, use CSS definition, the statement is very simple, and the capacity of the page is also smaller. Its operation method is to define style = "border-post] in the

tag of the outermost minimum unit of the table, where the parameters of the post include Left, Right, Top, and Bottom, respectively Indicates that a solid linear of one pixel wide is displayed on the left, right, upper and upper and lower and bottom of the unit.

The source code is as follows:

>>

>

>>

>

转载请注明原文地址:https://www.9cbs.com/read-130800.html

New Post(0)
CopyRight © 2020 All Rights Reserved
Processed: 0.059, SQL: 9