Heim  >  Artikel  >  Web-Frontend  >  妙味云课堂之css:表格和表单_html/css_WEB-ITnose

妙味云课堂之css:表格和表单_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:06:28808Durchsuche

一. table表格的基本特性

table 标签基本特性是:display:table;

1、不要给table、th、td 以外的表格标签加样式;
2、单元格默认平分table 的宽度;
3、th里面的内容默认加粗并且左右上下居中显示;
4、td里面的内容默认上下居中左右居左显示;
5、table 决定了整个表格的宽度;
6、table里面的单元格宽度会被转换成百分比;
7、 表格里面的每一列必须有宽度;
8、表格同一竖列继承最大宽度;
9、表格同行继承最大高度;

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>th,td{padding:0;}table{border-collapse:collapse;}th,td{border:1px solid black; height:50px; width:100px;}table{width:500px;}</style>
表格标题 表格标题 表格标题 表格标题 表格标题
单元格 单元格 单元格 单元格 单元格

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn