开发者学堂课程【零基础学前端 HTML+CSS ：CSS 表格】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5137
CSS 表格
内容介绍
一、Border 表格边框
二、text-align 文字对齐
一、 Border 表格边框
表格更多的是涉及到它的边框以及宽窄的设置，在实际操作过程中，也可将 CSS 的表格内容引用到 div 或 table 上。Border 可以用来处理所有有边的对象（div、table、图像、表单）这些有边的都可以用样式表来改变，例如：
{border:1px solid black;} /*设置表格1像素实边 黑色*/
{width:100%;} /*设置宽100%*/
{height:50px;} /*设置表格高50像素*/
{text-align:right;} /*设置文字对齐*/
1、新建一个名为 csstable.html 文件：
<!DOCTYPE html>
<html>
<head lang=”en”>
<meta charset=”UTF-8”>
<title></title>
<style>
#b1{
//id 选择器
border: 10px insert blue;
//10像素 内边框 蓝色
width:500px;
//设置宽为500像素
height:500px;
//设置高为500像素
background-color:azure;
//设置表格颜色
}
</style>
</head>
<body>
//在 body 里面写一个 teble 或者表格都可以
<table id=”b1“>
//给表格取个名字
<tr>
<td>测试文件1</td>
<td>测试文件2</td>
//这是表格
</tr> </tr>
</table>
2、测试结果如图：
注意：文字对齐这些都可以写在表格里面，在设置时一个样式针对于一个对象不发生冲突（比如在这 background-color 里设置一个背景颜色，然后在下行又设置一次背景颜色，这就叫冲突），即设置完一个属性后不能重复设置，元素的名称也不能重复，只要元素的名称不同，那它在一个小样式里就可以使用。
二、text-align 文字对齐
1、text-align 语法：
text-align : left | right | center | justify
2、text-align 参数值与说明：
left : 左对齐
right : 右对齐
center : 居中
*justify : 两端对齐（不推荐使用，通常大部分浏览器不使用）
text-align 常用的参数值为 left、right、center
text-align 功能说明：设置或检索对象中文本的左中右对齐方式。
3、使用范例与使用语法
div{ text-align:left } /* div 标签对象内内容将靠左对齐*/div{ text-align:right} /*div 标签内内容将靠右对齐*/div{ text-align:center } /* div 标签内内容将居中对齐*/
