Home  >  Article  >  Web Front-end  >  How to set table style with CSS

How to set table style with CSS

藏色散人
藏色散人Original
2021-04-23 09:06:126778browse

How to set the table style with CSS: First create an HTML sample file; then create a table through the table tag; finally set the table style by adding attributes such as "background-color" to the table.

How to set table style with CSS

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

The table is a very important thing, let’s beautify it!

table{
	width:290px;height:300px;
	border:1px solid black;/*设置边框粗细,实线,颜色*/
	text-align:center;/*文本居中*/
	background-color:#70DB93;
	border-collapse: collapse;/*边框重叠,否则你会看到双实线*/
}
th{
	border:1px solid black;
	color:black;
	font-weight:bold;/*因为是标题栏,加粗显示*/
}
td{
	border:1px solid black;
	color:#8E2323;
}
DP Graph Theory String
Linear DP Shortest path KMP algorithm
Interval DP Topological sorting tire tree
Tree DP tarjan algorithm Sequential Automata
Like pressure DP Hungarian Algorithm AC automaton

The above is the simplest form. (Beautification will be updated later)

[Recommended learning: css video tutorial]

The above is the detailed content of How to set table style with CSS. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn