Bingo卡片案例笔记【二】、配置css文件，为表格加上样式

最新推荐文章于 2023-09-13 13:07:42 发布

北北北

最新推荐文章于 2023-09-13 13:07:42 发布

阅读量1k

点赞数

分类专栏： javascript琐碎文章标签： css html table

本文链接：https://blog.csdn.net/zqmytin/article/details/7296188

版权

javascript琐碎专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在上一篇文章中，我们已经使用Html建立了一个一个基础的bingo卡片表格html文件。

接下来，通过css来控制整个页面中对象的属性,代码如下：

body{
	background-color=white;
	color:black
	font-size:20px;
	font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
table{
	
	border-collapse:collapse;
}
h1,th{
	font-family:Georgia,"Times New Roman",Times,serif;
}
h1{
	font-size:28px;
}
th,td{
	padding:10px;
	border:2px #666 solid;
	text-align:center;
	font-size:24px;
}
p{
	font-size:16px;
}
#free{
	background-color:#f66;
}

配置后，页面显示如下图所示：