上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

河南省驻马店网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

如果只希望表格周围有边框，则仅需为 <table> 指定 border 属性：

Firstname Lastname

Bill Gates

Steve Jobs

实例

table {

  border: 1px solid black;

}

亲自试一试

表格宽度和高度

表格的宽度和高度由 width 和 height 属性定义。

下例将表的宽度设置为 100％，将 <th> 元素的高度设置为 50px：

Firstname Lastname Savings

Bill Gates $100

Steve Jobs $150

Elon Musk $300

实例

table {

  width: 100%;

}

th {

  height: 50px;

}

亲自试一试

要创建仅占页面一半的表，请使用 width: 50%：

实例

table {

  width: 50%;

}

th {

  height: 70px;

}

亲自试一试

水平对齐

text-align 属性设置 <th> 或 <td> 中内容的水平对齐方式（左、右或居中）。

默认情况下，<th> 元素的内容居中对齐，而 <td> 元素的内容左对齐。

要使 <td> 元素的内容也居中对齐，请使用 text-align: center：

Firstname Lastname Savings

Bill Gates $100

Steve Jobs $150

Elon Musk $300

实例

th {

  text-align: center;

}

亲自试一试

下例使 <th> 元素中的文本左对齐：

Firstname Lastname Savings

Bill Gates $100

Steve Jobs $150

Elon Musk $300

实例

th {

  text-align: left;

}

亲自试一试

垂直对齐

vertical-align 属性设置 <th> 或 <td> 中内容的垂直对齐方式（上、下或居中）。

默认情况下，表中内容的垂直对齐是居中（<th> 和 <td> 元素都是）。

下例将 <td> 元素的垂直文本对齐方式设置为下对齐：

河南省驻马店网站建设_网站制作_公司开发设计_一站式全包_10多年经验满意为止

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）