Making of the thin-line frame used in dreamweaver form

Source: Internet
Author: User
Tags dreamweaver
Dreamweaver

Effect Chart:

Thin-line border is a Web page to distinguish between the content of a commonly used method, with the use of specific pictures, often can achieve good results, then how to make a thin border?

As we all know, the so-called thin line border, the general appearance is a simple 1 rows of 1 column table, then we directly set the Table object's border value of 1 is not OK? See the results below:

Also insert a single row of tables at the specified location in the Web page, click any part of the table's extra box to select it, set the "Border" value to 1 in the property panel, or place the other "Cellpad" and "Cellspace" at the same time, as shown in the figure:

Diagram of different effects in the preview state:

From the illustration above, it is easy to see that a simple border of 1 does not work, let's look at how to achieve the required fineness by the "smart" setting of the table.

Also in the table above, set the "border", "Cellpad" in the property panel to "0" and "Cellspace" to "1", noting that "cellspace" refers to the size of the distance between the cell and the cell. As shown in figure

Set the table's "bgcolor" to "red" and set the cell's "bgcolor" to the same page background color-"white" and preview the effect as shown:

For the sake of understanding, here I explain a little bit more. We set the "Cellspace" to 1, which is undoubtedly included in setting the background color of the table. The following cell settings just throw it off. This results in a display, so changing the background color of the table changes the color of the border.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.