How to make good-looking forms with CSS? Example

This article will give you a detailed description of how to make a nice and concise HTML table with CSS. I believe that everyone in contact with HTML related knowledge, more or less will write their own small code, write a small effect. In the case of table tables, we can always see a variety of tables, some of which are traditional forms, with no style in view of each website. Some of them are featured presentation forms.

For novice small white, did not touch the CSS can still make tables, but that kind of table, boring. Let me share with you the introduction of a very nice and concise table made of CSS style.

Div+css to make good-looking tables. Specific code examples are as follows:

<!    DOCTYPE html>
The above code we access through the browser, the effect such as:


, compared to the dull black and white lines of the table is not much more beautiful? It's simple and nice, with a different color background on every other line, and the table border is a thin wire display. Allows users to view information in the table more intuitively. To achieve this effect is inseparable from the strong CSS style properties.

Here we can find some important attributes in style like:

Border-collapse:collapse; This property represents the ability to merge table borders into a single border.

Background-color is the setting of the background color.

So through the above introduction, we have to use CSS to create a table for more information? This allows you to set CSS table styles for different effects based on your own aesthetic preferences. A good looking form not only lets the user like, also can let oneself manage to be more intuitive and convenient.

This article has certain reference value, hoped to have the need friend to have the help!