How to beautify html tables with css

htmlHow to use CSS to beautify the table: first create an HTML sample file; then create the table table in the body; finally add CSS styles to the table through the style tag.

The operating environment of this article: Windows7 system, HTML5&&CSS3, Dell G3 computer.

htmlHow to beautify the table with css?

Let’s take a look through examples.

     
  
 
  
序号
 
职位名称
 
招聘人数
 
工作地点
 
有效时间
 
职位描述
 
 
 
1
 
保安人员
 
3至4人
 
洞头
 
2006.12.08
 
 查看 
 
 
 
2
 
项目技术人员
 
1人
 
洞头
 
2006.10.08
 
 查看 
 
 
 
3
 
总经理助理
 
1人
 
温州
 
2006.07.11
 
 查看 
 
 
  

Rendering:

Recommended: "css video tutorial"

The above is the detailed content of How to beautify html tables with css. For more information, please follow other related articles on the PHP Chinese website!