Shulou(Shulou.com)06/01 Report--

This article introduces the knowledge of "how to set up CSS stylesheets for table tables". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

1. Set up tricks for table

1. Specify the table pattern within the object by naming the corresponding table parent format

1), complete HTML+CSS code of the case

Specify the table setting style in the object .CSS5 {width:400px} .CSS5 table {background:#CCC; color:#F00} .CSS5 table td {bac kilogram round: # FFF} mode one content one content two content

2). Case screenshot

3) Summary: the above settings for developing CSS tricks are specified by the parent table and td.

2. Configure odd id or class to table

Multiple use of table table organs, this time it is assumed that the direct configuration of table tags, this time the table table structure in the web page will be set up equipment. At this moment, it is only important to set the equipment for table plus id or class, and the discernibility is important for table configuration. CSS style.

Second, set up the equipment CSS for the table td

In the form web page organization, it is necessary to set equipment design and color for td in general, such as setting row height for td, padding and so on.

1. The completed HTML+CSS code is as follows:

Specify the table td settings in the object. Div-td {width:400px}. Div-td table td {background:#CCC; color:#000; line-height:40px} mode one content one form one content two forms mode

2. Screenshot:

At the end of the above CSS, configure the td style of table in the specified object.

This is the end of the content of "how to set up a CSS stylesheet for a table table". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.