HTML里表格的标签是<table>和</table>,单元格的标签是<tr><td></td></tr>,另一种用实际尺寸单位,常用像素PX表示, *** 作方法如下:
1、首先双击打开HBuilderX工具,在已新建的Web项目中,新建一个静态页面css.html。
2、打开已新建的页面文件,引入核心的jquery文件并修改标签文字内容。
3、在body标签元素中,插入一个table表格并添加数据(三行)。
4、在一个td设置class属性值,利用table元素设置相关的css样式,然后使用类选择器设置宽度。
5、最后保存代码并运行页面文件,打开浏览器可以看到表格样式,就完成了。
表格1、<table></table>:声明一个表格,所有表格的内容应该放在table标签内
属性:
border:表示边框是否显示
width:表格的宽度
height:表格的高度
cellpadding:单元格边框和内容之间的补白
cellspacing:单元格和单元格之间的补白
align:表格的位置
值:
left:默认值 左对齐
center:居中
right:右对齐
2、<caption></caption>:表格的标题
3、<thead></thead>:表格的表头
4、<tbody></tbody>:表格的主体
5、<tfoot></tfoot>:表格的底部
6、<tr></tr>:表格的行
7、<td></td>和<th></th>:
表格的单元格
th修饰的单元格内容会加粗
属性:
colspan:横跨列,值为要横跨的列数 左到右
rowspan:横跨行,值为要横跨的行数 上到下
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)