html表格与CSS控制表格样式

开开心心罗非鱼

已于 2022-11-21 22:52:07 修改

阅读量941

点赞数 2

文章标签： html css 前端

于 2022-11-21 20:40:19 首次发布

本文链接：https://blog.csdn.net/qq_59384581/article/details/127970726

版权

本文介绍了HTML表格的创建及样式控制，包括<table>、<th>、<tr>和<td>标签的属性，如border、width、height、cellspacing、cellpadding等。同时，文章探讨了如何通过CSS进一步定制表格样式，强调了CSS在控制单元格间距和边框等方面的作用。

摘要由CSDN通过智能技术生成

表格是HTML网页中的重要标签，利用表格可以对网页进行排版，使网页信息有条理地显示出来。

这就是一个表格，清清楚楚的列出了英雄们的排名。

思维导图

<table>标签

用<table>标签来定义HTML中的表格，创建table表格，离不开以下3对标签:

其语法作用与body标签里

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	    <table>
	        <tr>
		        <td>@开开心心罗非鱼</td>   
				 <td>@罗非鱼</td>  
	        </tr>
			<tr>
			    <td>@开开心心罗非鱼</td>   
				 
			</tr>
	    </table>	
	</body>
</html>

运行，

<th>标签

为了详细点我们加一个<th>头部表格标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	    <table>
			<tr>
				<th>排名</th>
				<th>名字</th>
				<th>胜率</th>
			</tr>
	        <tr>
				<td>1</td>
		        <td>@开开心心罗非鱼</td>   
				 <td>47%</td>  
	        </tr>
			<tr>